/* Mdeon */ body { margin:0; padding:0; background-color:#f5f1ec; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#222222;} body { background-image:url(../media/img/bag.gif); background-repeat:repeat-x; background-position:top; } body { behavior: url(fileadmin/templates/script/csshover.htc); } .clear { clear:both; height:1px; line-height:1px; font-size:1px;} .zebra { margin:20px 0; height:1px; line-height:1px; font-size:1px; border-top:1px dashed #be233f;} hr { height:5px; line-height:5px; border: none; background:url(../media/img/hr.gif) no-repeat 0 50%;} /* COLORS */ .red { color:#ae001f;} .red_light { color:#be233f;} .blue { color:#2289d6;} .align-center {text-align:center;} /* TABLES */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } a img { border: none; } #container { margin:0 auto; width:930px; padding-bottom:15px;} #container { background: url(../media/img/bag_foot.gif) no-repeat bottom; } /* FOOTER */ #footer {margin:0 auto; width:930px; font-size:12px; padding-bottom:20px; } #footer p { margin:0; padding:0;} #footer p { line-height:14px;} #footer a { color:#666666; } #footer a:hover { text-decoration:none; } #footer p.gri { font-size:11px;} #footer p.gri a { color:#509f34;} #footer #foot_left { padding-left:20px; float:left; width:480px;} #footer #foot_right { padding-right:20px; float:right; width:380px; text-align:right;} #footer #foot_right p a {color:#be233f; text-decoration:none;} #footer #foot_right p a:hover { text-decoration:underline; color:#ae001f;} #footer #foot_right p.studio { font-size:11px; } #footer #foot_right p.studio a { color:#666666; text-decoration:underline;} #footer #foot_right p.studio a:hover { text-decoration:none;} #top { height:110px;} #top #logo { width:660px; height:110px; float:left; background:url(../media/img/logo_ascencio.gif) no-repeat 0 5px;} #top #logo h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; color:#999999; font-weight:normal; font-style:italic; margin:40px 0 0 280px;} #top #top_right { float:right; margin-right:20px; width:250px; } #top #top_right #lang { position:relative; overflow:hidden; height:30px; text-align:right; padding:20px 0 0 58px;} #top #top_right #lang ul { margin:0; padding:0; list-style:noone; float:right;} #top #top_right #lang ul li { display:inline; float:left; margin:0 2px 0 0; text-align:center;} #top #top_right #lang ul li a { display:block; float:left; width:22px; height:22px; line-height:22px; font-size:11px; color:#CCC; font-weight:bold; text-decoration:none;} #top #top_right #lang ul li.over a { color:#444444;} #top #top_right #lang ul li a:hover { text-decoration:underline;} #top #top_right #finder { overflow:hidden; height:50px;} #top #top_right #finder form { padding:20px 0 0 60px;} #top #top_right #finder input.champ { color:#666666; width:148px; height:14px; font-size:12px; padding:2px; background-color:#F9F9F9; font-family:Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; } #top #top_right #finder input.button { border:none; cursor:pointer; } #top #top_right #finder input.button { width:30px; height:20px; background:url(../media/img/button_search.gif);} #top #top_right #finder input.button:hover { color:#FFFFFF; background-color:#ae001f; border-color:#FFFFFF;} /* MENU */ #menu { z-index:100; height:30px; padding-left:20px; } #menu ul {margin:0; padding:0; list-style:none;} #menu ul li { position:relative; z-index:10; display:inline; float:left; margin:0; font-size:14px; font-weight:bold; color:#FFFFFF;} #menu ul li a { display:block; float:left; height:30px; line-height:30px; padding:0 30px 0 15px; color:#FFFFFF; text-decoration:none; } #menu ul li a { background-image:url(../media/img/menu_bag.gif); background-repeat:no-repeat; background-position: top right;} #menu ul li.img_none { } #menu ul li.img_none a { background-image:none; padding-right:20px} #menu ul li.img_none a:hover { background-color:transparent; text-decoration:underline;} #menu ul li.over a { background-image:url(../media/img/menu_bag.gif); background-repeat:no-repeat; background-position: bottom right;} #menu ul li a:hover { background-color:#575757; background-position: bottom right;} div#menu ul.niv1 ul.niv2 { z-index:0; position: absolute; left:0; width:235px; display:none; margin:30px 0 0 0; background-color:#FFFFFF; border:1px solid #575757; border-top:none; } div#menu ul ul.niv2 li a { background-image:none; display:block; padding:0 20px 0 15px; float:none; height:30px; line-height:30px; width:200px; border-bottom:1px solid #DDD; color:#444444; font-size:12px; } div#menu ul ul.niv2 li a:hover { color:#fff; background-color:#be233f;} div#menu ul li.over li a { background-color:#FFFFFF;} div#menu ul li.over li.on a { background-color:#EEEEEE; } div#menu ul li.over li.on a:hover {color:#FFFFFF; background-color:#5fac43;} div#menu ul.niv1 ul.niv2 ul.niv3 { display:none; position: absolute; left:235px; top:-31px; width:235px; margin:30px 0 0 0; background-color:#FFFFFF; border:1px solid #575757; z-index:1000; } div#menu ul ul.niv2 ul.niv3 li a { background-image:none; background-color:#FFFFFF; display:block; float:none; padding:0 20px 0 15px;height:30px; line-height:30px; width:200px; border-bottom:1px solid #EEEEEE; color:#444444; font-size:13px; } div#menu ul ul.niv2 ul.niv3 li a:hover { color:#fff; background-color:#be233f;} div#menu ul li.over li a { background-color:#FFFFFF;} div#menu ul li.over li.on a { background-color:#EEEEEE; } div#menu ul li.over li.on a:hover {color:#FFFFFF; background-color:#be233f;} div#menu ul.niv1 li.smenu:hover ul.niv2 { display:block; } div#menu ul.niv2 li.smenu:hover ul.niv3 { display:block; } div#menu ul.niv1 li ul.niv2 li.smenu { background-image:url(../media/img/arrow.gif); background-repeat:no-repeat; background-position:95% 50%;} #menu ul li.over ul.niv2 li.smenu a { background-image:url(../media/img/arrow.gif); background-repeat:no-repeat; background-position:95% 50%; } #menu ul li ul.niv2 li.smenu ul.niv3 li a { background-image:none;} #menu ul li ul.niv2 li.smenu ul.niv3 li.on a { background-color:#EEE; background-image:none;} #menu ul li ul.niv2 li.smenu ul.niv3 li.on a:hover { background-color:#be233f;} div#menu ul.niv1 li.smenu:hover ul.niv2 li.smenu:hover { background-color:#EEEEEE; background-image:none;} /* CONTENU */ #contenu { background-color:#FFFFFF; padding:0 ;} /* ECRANS */ #ecran_home { border:4px solid #be233f; height:230px; background-color:#FFF; overflow:hidden; background-image:url(../media/img/loading.gif); background-repeat:no-repeat; background-position:50% 50%; } #ecran_home #tete { position:absolute; z-index:1; width:350px; margin:3em 0 0 20px; padding:15px;} #ecran_home #tete #wrap { background-color:#FFFFFF;} #ecran_home #tete h2 { display:block; font-size:14px; line-height:17px; font-weight:bold; font-style:italic; margin:0; padding:0; } #ecran_home #tete {opacity:0.8; filter : alpha(opacity=80);} #ecran { border:4px solid #be233f; height:160px; background-color:#FFF; overflow:hidden; background-image:url(../media/img/loading.gif); background-repeat:no-repeat; background-position:50% 50%; } #ecran #tete { position:absolute; z-index:1; width:350px; margin:2em 0 0 20px; padding:15px;} #ecran #tete #wrap { background-color:#FFFFFF;} #ecran #tete h2 { display:block; font-size:14px; line-height:17px; font-weight:bold; font-style:italic; margin:0; padding:0; } #ecran #tete {opacity:0.5; filter : alpha(opacity=50);} #wrap { background-color:#FFFFFF; padding:20px; } /* -----LEFT----- */ #left { float:left; width:650px; position:relative; z-index:0; } #left h1 { font-size:23px; line-height:23px; font-weight:normal; padding:0; margin:10px 0 20px 0;} #left h1.underline { border-bottom:1px dotted #999999; padding-bottom:5px;} #left h2 { font-size:17px; line-height:19px; font-weight:bold; padding:0; margin:10px 0 20px 0;} #left h3 { font-size:17px; color:#ae001f; padding:0; } #left h3 a { color:#ae001f; text-decoration:none;} #left h3 a:hover { text-decoration:underline; } #left h4 { font-size:15px;} #left h5 { font-size:12px; font-weight:normal; padding:0; margin:10px 0 10px 0; color:#2289d6; } #left h5 a { font-weight:bold; color:#2289d6; padding-left:17px; background:url(../media/img/arrow_h5.gif) no-repeat 0 2px; } #left h5 a:hover { text-decoration:underline;} #left .img_left { float:left; margin:0 10px 10px 0;} #left .bord { padding:3px; background-color:#FFFFFF; border:1px solid #EEEEEE; } #left p { line-height:16px;} #left p a { color:#ae001f;} #left p.all { margin:0 10px 0 10px; padding:0 0 0 15px; background:url(../media/img/arrow_liste.gif) no-repeat 0 1px;} #left p.all a { color:#333; text-decoration:none; font-weight:normal;} #left p.all a:hover { text-decoration:underline; } #left ul li { line-height:18px;} #left ul li a { color:#333;} #left ul li a:hover { color:#2289d6;} #left ol li { line-height:18px;} #left ol li a { color:#333;} #left ol li a:hover { color:#2289d6;} /* NEC */ #left #nec { position:relative; height:48px; margin:-20px 0 30px 0; background-color:#CCC; background-image:url(../media/img/bag_nec.gif); } #left #nec ul { margin:0; padding:0; list-style:none;} #left #nec ul li { display:inline; float:left; margin:0 1px 0 0; } #left #nec ul li a { display:block; float:left; height:36px; width:167px; padding:12px 0 0 48px; margin:0; color:#333; text-decoration:none; font-size:12px; font-weight:bold; line-height:12px; vertical-align:middle;} #left #nec ul li a:hover { color:#2289d6; } /* NEWS */ #left #news { width:670px; } #left #news ul { margin:0; padding:0; list-style:none;} #left #news ul li { display:block; float:left; width:295px; height:140px; padding:10px; background-color:#F9F9F9; margin:0 15px 10px 0; overflow:hidden; border-left:2px solid #CCC;} #left #news ul li:hover { border-left-color:#c6354e} #left #news img { float:left; margin:0 10px 10px 0;} #left #news h3 { color:#ae001f; font-size:15px; line-height:17px; font-weight:bold; padding:0 ; margin:0; } #left #news h3 a { color:#ae001f; text-decoration:none;} #left #news h3 a:hover { text-decoration:underline;} #left #news h4 { font-size:11px; font-weight:normal; margin:0; padding:0 0 10px 0; color:#2289d6; font-style:italic;} #left #news h4 a {color:#2289d6; text-decoration:none;} #left #news p { margin:0 0 5px 0; padding:0; } #left #news p a { color:#222222; } #left #news p a:hover {} #left #news p.plus a { font-size:11px; text-decoration:none; font-weight:bold; padding:0 10px 0 0; background:url(../media/img/arrow.gif) no-repeat right 5px; } #left #news p.plus a:hover { text-decoration:underline;} #left .box { padding:10px; background-color:#F9F9F9;} #left .colon_left { width:315px; float:left; border-right:1px solid #DDDDDD; } #left .colon_right { width:290px; float:left; padding-left:20px; border-left:1px solid #FFF; } #left .box ul { padding-left:30px;} #left .box ul li { line-height:20px;} #left .box ul li a { color:#2289d6;} #left .box .all { height:20px; line-height:20px; text-align:right; border-top:1px solid #FFF; } #left .box .all p { margin:0; padding:0; font-size:11px; font-style:italic; text-decoration:none;} #left .box .all p a { text-decoration:none; color:#333;} #left .box .colon_left .all { margin:0 20px; } #left .colon_left h2, #left .colon_right h2 { font-size:17px; font-weight:bold; } #left .separator { margin:20px 10px 20px 0;} /* -----RIGHT----- */ #right { position:relative; z-index:0; float:right; width:220px; overflow:hidden; margin:-100px 0 0 0;} #acces { background-color:#666666; background-image:url(../media/img/bag_acces.gif); background-repeat:no-repeat; background-position:top; color:#FFFFFF; } #right #acces h3 { font-size:15px; text-align:center; margin:0; padding:10px 0 10px 0;} #acces p.open { margin:0 0 0 50px; cursor:pointer;} #acces p.open { display:block; color:#FFFFFF; font-size:13px; font-weight:bold; text-decoration:none; text-align:left; height:28px; line-height:28px; width:94px; padding:0 0 0 20px; background:url(../media/img/button_acceder_on.gif); background-repeat:no-repeat; background-position:top;} #acces p.open.on { background-position:bottom; } #acces p.open2 { margin:0 0 0 30px; cursor:pointer;} #acces p.open2 { display:block; color:#FFFFFF; font-size:13px; font-weight:bold; text-decoration:none; text-align:left; height:28px; line-height:28px; width:94px; padding:0 0 0 20px; background:url(../media/img/button_acceder_on.gif); background-repeat:no-repeat; background-position:top;} #acces p.open2.on { background-position:bottom; } #acces #login { } #acces .nec { height:7px; font-size:1px;} #acces form { padding:10px; width:188px; margin: 0 5px; background-color:#555555; border:1px solid #777777; text-align:left;} #acces form label { display:block; margin:0 0 3px 0; font-weight:bold; } #acces form input.champ { font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:2px; margin:0 0 10px 0; border:none; background-color:#F9F9F9; width:90%;} #acces form input.button { margin:0 0 20px 0;} #acces form p { margin:0; padding: 0 0 5px 0;} #acces form p a { color:#CCCCCC; font-size:11px;} #acces form p a:hover { color:#FFFFFF} #right #colon_wrap { border-left:1px solid #e5dbd0; border-right:1px solid #e5dbd0; border-bottom:1px solid #e5dbd0; padding: 10px; background-color:#FFFFFF;} #right #colon_wrap h3 {color:#333333; font-size:13px; margin:0 -5px 1px -5px; padding:0 7px; height:30px; line-height:30px; background-color:#EEEEEE;background-image:url(../media/img/bag_h3_right.gif); background-repeat:repeat-x; background-position:bottom; } #right #colon_wrap h3 a { color:#333333; text-decoration:none; display:block; } #right #colon_wrap h3 a:hover { text-decoration:underline;} #right #colon_wrap h3.red { color:#fff; background-color:#f4dadf; background-image:url(../media/img/bag_h3_right.gif); background-repeat:repeat-x; background-position:top; } #right #colon_wrap #immo { text-align:center; padding:5px 0 10px 15px;} #right #colon_wrap #immo a { display:block; padding:15px 10px 0 10px; width:152px; height:54px; font-size:15px; font-weight:bold; text-decoration:none; color:#ae001f; background:url(../media/img/bag_immo.gif) no-repeat top; } #right #colon_wrap #immo a:hover { background-position:bottom;} #right #colon_wrap .color { background-image:url(../media/img/bag_evenements.gif); background-repeat:no-repeat; background-position:top; background-color:#F9F9F9; margin:4px 0 5px 0; } #right #colon_wrap .color .bottom { height:5px; line-height:5px; font-size:1px; background-image:url(../media/img/bag_evenements.gif); background-repeat:no-repeat; background-position:bottom; } #right #colon_wrap .color ul { padding:10px 5px; margin:0; margin-left:-10px; margin-right:-10px; list-style:none;} #right #colon_wrap .line { height:1px; line-height:1px; font-size:1px; background-color:#DDDDDD; margin:0 -10px;} #right #colon_wrap ul { padding:10px 0 10px 0; margin:0; margin-left:-10px; margin-right:-10px; list-style:none;} #right #colon_wrap ul li { margin:0 10px; padding:0 0 10px 17px; background:url(../media/img/arrow_liste.gif) no-repeat 0 1px;} #right #colon_wrap ul li a { color:#555555; text-decoration:none; } #right #colon_wrap ul li a span { color:#CC0000; display:block; font-size:10px;} #right #colon_wrap ul li a:hover { text-decoration:underline; } #right #colon_wrap ul.red li { margin:0 10px; padding:0 0 10px 17px; background:url(../media/img/arrow_liste_red.gif) no-repeat 0 1px;} #right #colon_wrap_bottom { height:5px; line-height:5px; font-size:1px; background:url(../media/img/colon_bottom.gif) no-repeat bottom;} /* JCAROUSEL-Editin_Digitale */ #right #colon_wrap #wrap_carousel { width:195px; height:145px; background:url(../media/img/bag_carousel.gif) no-repeat;} #right #colon_wrap #wrap_carousel ul { margin:0; list-style:none; } #right #colon_wrap #wrap_carousel ul li { margin:0; padding:0; background-image:none; display:block; width:168px; height:118px; } #right #colon_wrap #wrap_carousel .carousel { padding:13px 0 0 0; margin-left:13px; } /* -------------------- LOGIN_TEMPLATES ------------------ */ /* CFR */ #cfr { height:25px; line-height:25px; padding:0 20px; border-top:4px solid #be233f; background-color: #FFF;} #cfr p { margin:0; padding:0; font-size:11px; } #cfr p a { color:#ae001f;} /* WALL */ #wall { position:relative; z-index:0; height:220px; background-color:#444; border-top:4px solid #be233f; } #wall { background-image:url(../media/img/bag_wall.gif); background-repeat:repeat-x; background-position:top; } #wall #choix_menu { float:left; width:150px; height:220px; background-color:#AAA; } #wall #select_menu { float:left; width:160px; height:220px; background:url(../media/img/bag_select_menu.gif) no-repeat; overflow:hidden;} #wall #map { float:left; width:350px; height:220px; } /* MENU --- CHOIX_MENU */ #wall #choix_menu ul { margin:0; padding:70px 0 0 10px; list-style:none; } #wall #choix_menu ul li { font-size:15px; color:#FFFFFF; font-weight:bold; } #wall #choix_menu ul li a { display:block; height:36px; line-height:36px; padding:0 0 0 20px; color:#666; text-decoration:none; background-image:url(../media/img/bag_choix_1.gif); background-repeat:no-repeat; background-position:0 -36px; } #wall #choix_menu ul li.over a { color:#FFFFFF; background-position:0 0; color:#FFF;} #wall #choix_menu ul li.over a:hover { color:#FFFFFF; cursor:default;} #wall #choix_menu ul li a:hover { color:#333; } /* MENU --- SELECT_MENU */ #wall #select_menu ul { margin:0; padding:30px 10px 0 15px; list-style:none;} #wall #select_menu ul li { font-size:12px; color:#FFFFFF; font-weight:bold;} #wall #select_menu ul li a { display:block; color:#ff8ea3; text-decoration:none; width:110px; padding:5px 0 5px 20px; background-image:url(../media/img/over_select.gif); background-repeat:no-repeat; background-position:0 -23px;} #wall #select_menu ul li a:hover { color:#FFFFFF; background-position:0 -1px;} #wall #select_menu ul li.over a { background-image:url(../media/img/over_select.gif); background-repeat:no-repeat; background-position:0 -2px; color:#FFFFFF;} /* MAP-FLASH-link-SHOW_ALL */ #wall p.show_all { position:absolute; top:195px; left:320px; margin:0; z-index:0; } #wall p.show_all a { display:block; height:20px; line-height:20px; color:#CCC; text-decoration:none; font-weight:bold; font-size:12px;} #wall p.show_all a { margin:0; padding:0 0 0 20px; background:url(../media/img/over_select_2.gif) no-repeat 0 -25px;} #wall p.show_all a:hover { color:#FFFFFF; background-position:0 -3px;} #wall p.show_all.over a { color:#FFFFFF; background-position:0 -3px;} /* LISTING */ #left #h1_header { height:30px; line-height:30px; border-bottom:2px solid #c4c4c4;} #left #h1_header h1 { float:left; font-size:21px; line-height:26px; font-weight:bold; color:#ae001f; margin:0 10px 0 0; padding:0 22px 0 0; background:url(../media/img/arrow_h1.gif) no-repeat right 70%;} #left #h1_header p { margin:0; padding:0; line-height:30px; font-size:11px; } #left #h1_header p a { color:#2289d6; } /* Navigation */ #left .navigation { text-align:center;} #left .navigation p a { display:inline; padding:3px 6px; margin:0 1px; text-decoration:none; background-color:#FFFFFF; border:1px solid #CCC; font-weight:bold;} #left .navigation p a:hover { background-color:#EEE;} #left .navigation p span.pages { color:#000000; font-weight:bold; margin:0 10px 0 0;} #left .navigation p span.next a { margin:0 7px; color:#666666; font-weight:bold; border:1px solid #FFF;} #left .navigation p span.next a:hover { text-decoration:underline; background-color:#FFFFFF; border:1px solid #CCC;} #left .navigation p span.curent {display:inline; padding:3px 6px; margin:0 1px; text-decoration:none; background-color:#FFFFFF; border:1px solid #FFF;} #left #listing { padding:20px 0;} #left #listing .thumb { position:relative; width:650px; background-color:#F9F9F9; margin-bottom:10px; background-image:url(../media/img/thumb_bag.gif); background-repeat:no-repeat; background-position:right; } #left #listing .thumb:hover { background-color:#F6F6F6;} #left #listing form { margin:0; padding:0; } #left #listing .wrap_inp_select { position:absolute; left:0; top:0; padding:5px; background-color:#FFF; z-index:100 } *html #left #listing .wrap_inp_select { padding:2px; } #left #listing input.inp_select { margin:0; padding:0;} #left #listing .thumb .image {z-index:0; float:left; margin:-5px 0 0 -5px; width:115px; height:80px; padding:5px; background-color:#FFF;} #left #listing .thumb .description { float:left; padding:10px; width:395px;} #left #listing .thumb .prix { float:left; padding:10px; width:90px;} #left #listing .thumb .description h3 { font-size:15px; font-weight:bold; margin:0; padding:0;} #left #listing .thumb .description h3 a { color:#000;} #left #listing .thumb .description h4 { font-size:12px; margin:0; padding:0; color:#ae001f; font-weight:normal;} #left #listing .thumb .description p { margin:5px 0; padding:0; font-size:12px; line-height:14px; font-style:italic;} #left #listing .thumb .prix p { margin:0; padding:0;} #left #listing .thumb .prix p.p_prix { font-size:15px; font-weight:bold; color:#ae001f; text-align:center;} #left #listing .thumb .prix p span {color:#2289d6;} #left #listing .thumb .prix .line { height:1px; line-height:1px; font-size:1px; background-color:#FFFFFF; border-bottom:1px solid #CCCCCC; margin:10px 0;} #acces_out { background-color:#424242; height:180px; color:#FFFFFF; background-image:url(../media/img/bag_acces.gif); background-repeat:no-repeat; background-position:top; color:#FFFFFF; } #acces_out img { margin:20px auto 20px auto; padding:4px; background-color:#999999;} #acces_out h3 { position:relative; z-index:0; margin:0 0 10px 0; padding:0 10px; font-size:13px; font-weight:normal;} #acces_out p { font-size:11px; margin:0 10px 4px 10px; padding:0;} #acces_out p a { color:#DDDDDD; padding:0 10px 0 10px; text-decoration:none; background:url(../media/img/arrow_compte.gif) no-repeat 0 3px;} #acces_out p a:hover { color:#FFFFFF; text-decoration:underline;} /* ___________ DETAIL ___________ */ #left h2.retour { border-bottom:2px solid #CCC; font-size:13px; line-height:13px; font-weight:bold; color:#333; margin:0; padding:0 0 5px 18px; background:url(../media/img/arrow_h2.gif) no-repeat left 0;} #left h2.retour a { color:#999999; text-decoration:none; } #left h2.retour a:hover { color:#666666;} #left #detail {} #left #detail #left_detail { position:relative; float:left; width:325px; border-right:1px dashed #DDD;} #left #detail #left_detail { padding:20px 0;} /* JCAROUSEL-PHOTO */ #left #detail #left_detail .photo_carousel { position:relative; z-index:0; width:300px; height:215px; margin:0;} #left #detail #left_detail .photo_carousel ul { margin:0; padding:0; list-style:none; } #left #detail #left_detail .photo_carousel ul li { margin:0; padding:0; background-image:none; display:block; width:300px; height:185px; background-color:#EEE; } #left #detail #left_detail .photo_carousel ul li { text-align:center;} #left #detail #left_detail p.p_left { position:absolute; z-index:10; top:220px; left:110px; display:block; width:30px; height:30px; background:url(../media/img/arrow_photo_carousel.gif) no-repeat 0 0; cursor:pointer} #left #detail #left_detail p.p_right { position:absolute; z-index:10; top:220px; left:150px; display:block; width:30px; height:30px; background:url(../media/img/arrow_photo_carousel.gif) no-repeat 0 bottom; cursor:pointer} #left #detail #right_detail { padding:20px 0; float:right; width:300px;} #left #detail h1 { margin:0; padding:0; font-size:15px; line-height:18px; color:#333333; font-weight:bold; } #left #detail h2 { margin:0; padding:0; font-size:12px; line-height:18px; color:#ae001f; font-weight:normal; } #left #detail #data { float:left; width:140px; padding:15px 0; border-right:1px dashed #DDD;} #left #detail #right_detail p.prix { margin:0 15px 0 0 ; padding:0 0 3px 0; font-size:19px; font-weight:bold; line-height:19px; color:#ae001f; border-bottom:1px solid #DDD;} #left #detail #right_detail p.ref { margin:0; padding:5px; color:#2289d6; } #left #detail #right_detail p { margin:0; padding:0;} #left #detail #left_detail p { margin:0; padding:0;} #left #detail #right_detail p.pdf { float:left; margin:20px 0 0 15px; background:url(../media/img/pdf.gif) no-repeat 0 0;} #left #detail #right_detail p.pdf a { display:block; padding:10px 0 10px 40px; font-size:11px; text-decoration:none;} #left #detail #right_detail p.pdf a:hover { text-decoration:underline; } #left #detail p.pdf { float:left; margin:20px 0 0 15px; background:url(../media/img/pdf.gif) no-repeat 0 0;} #left #detail p.pdf a { display:block; padding:10px 0 10px 40px; font-size:11px; text-decoration:none;} #left #detail p.pdf a:hover { text-decoration:underline; } #left #detail #description { padding:0; border-top:2px solid #CCC;} #left #detail #description h3 { margin:10px 0 0 0;} #left #detail #description {} #left #detail #description {} #left #google_map { padding:8px; border:2px solid #CCC;} /* NAVIGATION_YEAR */ #left #nav_year { background-image:url(../media/img/bag_nav_year.gif); background-repeat:repeat-x; background-position:top; } #left #nav_year ul { margin:0; padding:0; list-style:none; } #left #nav_year ul li { display:inline; float:left; font-size:15px; font-weight:bold;} #left #nav_year ul li a { display:block; float:left; height:30px; line-height:25px; padding:0 15px; color:#444444; text-decoration:none;} #left #nav_year ul li a:hover { background-image:url(../media/img/onglets_nav_year.gif); background-repeat:no-repeat; background-position:50% bottom; color:#000000;} #left #nav_year ul li.over a { background-image:url(../media/img/onglets_nav_year.gif); background-repeat:no-repeat; background-position:50% 0; color:#FFFFFF;} /* COMMUNIQUE DE PRESSE */ #left #inside_menu { float:left; width:220px; padding: 0 0 100px 0; background:url(../media/img/ombre_iside_menu.gif) no-repeat right top; } #left #inside_menu ol { margin:0; padding:0 ; list-style:none; } #left #inside_menu ol li { display:inline; float:left; font-size:13px; font-weight:bold; color:#ae001f; margin-bottom:1px; } #left #inside_menu ol li a { display:block; width:190px; padding:10px; text-decoration:none; background-color:#F6F6F6;} #left #inside_menu ol li a:hover { background-color:#EEEEEE; color:#333;} #left #inside_menu ol li.over a { color:#FFFFFF; background-color:#666666; background-image:url(../media/img/bag_inside_menu.gif); background-repeat:no-repeat; background-position:right 50%;} #left #inside_menu ol li.over a:hover { color:#FFFFFF;} /* NAVIGATION_YEAR_INSIDE */ #left #nav_year_inside { padding:5px 0; margin-bottom:30px; border-bottom:2px dotted #e0d4c6; } #left #nav_year_inside ul { margin:0; padding:0; list-style:none; } #left #nav_year_inside ul li { display:inline; float:left; font-size:12px; font-weight:bold; margin:0 2px 0 0;} #left #nav_year_inside ul li a { display:block; float:left; height:23px; line-height:20px; padding:0 10px; color:#666; text-decoration:none;} #left #nav_year_inside ul li a:hover { color:#000000;background-image:url(../media/img/onglets_nav_inside.gif); background-repeat:no-repeat; background-position:50% bottom;} #left #nav_year_inside ul li.over a { color:#FFFFFF; background-image:url(../media/img/onglets_nav_inside.gif); background-repeat:no-repeat;background-position:50% top;} #left #inside_right { float:right; width:420px; } #left #inside_right h3 { font-size:15px; color:#333333; margin:0; padding:0 0 5px 0;} #left #inside_right p { margin-left:10px; margin-right:10px;} #left #inside_right hr { border:none; margin:20px 0; padding:0; height:6px; line-height:6px; background:url(../media/img/hr_inside.gif) no-repeat 50% top; } /* CONTACT */ #left #contact { float:left; width:400px; } #left #contact_2 { float:left; width:250px; } #left #contact form {} #left #contact label { display:block; float:left; width:100px; font-weight:bold; padding:5px 0; margin-bottom:5px;} #left #contact input.champ { width:250px; background-color:#F9F9F9; border:1px solid #DDD; padding:4px 5px; margin:0 0 5px 0;} #left #contact input.champ:hover { background-color:#FFFFFF} #left #contact textarea { background-color:#F9F9F9; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; border:1px solid #DDD; width:250px; height:150px; margin-bottom:5px;} #left #contact label span { color:#ae001f; font-weight:bold;} #left #contact input.button { font-size:13px; font-weight:bold; background-color:#F9F9F9; border:1px solid #CCC; cursor:pointer; padding:2px 5px; margin:0 0 0 100px} #left #contact input.button:hover { background-color:#EEEEEE;} #left #contact_map { float:left; width:250px; } /* TABLE */ table.tab_red {} table.tab_red tr td { padding:5px;} table.tab_red tr.color { background-color:#EFEFEF;} table.tab_red tr.color_red { background-color:#be233f; color:#FFFFFF; font-weight:bold;} table.tab_red tr.color_red td { font-weight:bold;} table.tab_gri { border-left:1px solid #DDD; border-top:1px solid #DDD;} table.tab_gri tr td { padding:5px;} table.tab_gri tr td.color { background-color:#EFEFEF; text-align:right;} table.tab_gri tr td.color_2 { background-color:#F9F9F9; text-align:right;} table.tab_gri tr.tete td { padding:10px 5px; font-size:14px; font-weight:bold; } table.tab_gri tr.tete td.color { background-color:#be233f; color:#FFFFFF; text-align:right; } table.tab_gri tr.tete td.color_light { background-color:#d23c57; color:#FFFFFF; text-align:right; } table.tab_gri tr.none td { padding:5px 5px 10px 5px; color:#2289d6; border-right:none; } table.tab_gri tr.none td.color { background-color:#F9F9F9; } table.tab_gri tr.none td.color_2 { background-color:#FFFFFF; border-right:1px solid #DDD; } table.tab_gri tr.none_2 td { padding:5px 5px 10px 5px; font-weight:bold; font-style:italic; color:#2289d6; border-right:none; } table.tab_gri tr.none_2 td.color { background-color:#F9F9F9; } table.tab_gri tr.none_2 td.color_2 { background-color:#FFFFFF; border-right:1px solid #DDD; } table.tab_gri tr.sub_tete td { padding:10px 5px; font-weight:bold; color:#ae001f; } table.tab_gri tr.sub_tete td.color_light { background-color:#F9F9F9; text-align:right;} table.tab_gri tr.gri td { background-color:#EEE; font-weight:bold; font-style:italic; } table.tab_gri tr td { border-bottom:1px solid #DDD; border-right:1px solid #DDD;} table.tab_gri tr { } table.tab_gri tr.color_red td { font-weight:bold;} table.data {} table.data tr td { padding:5px;} table.data tr td.province { font-size:13px; font-weight:bold; border-right:1px solid #DDD; } table.data tr td.province a { color:#2289d6; text-decoration:none; background: url(../media/img/arrow_liste.gif) no-repeat 0 2px; padding:0 0 0 17px;} table.data tr td.adress { border-left:1px solid #FFF; border-right:1px solid #DDD} table.data tr td.type { font-style:italic; border-left:1px solid #FFF;} table.data tr.color td { border-bottom:1px solid #EEE; background-color:#F9F9F9;} /* ETIQUETTE */ #left .etiquete { width:650px; margin:10px 0; background-color:#fff9a6; background-image:url(../media/img/bag_et_yellow.gif); background-repeat:no-repeat; background-position:top;} #left .etiquete .wrap { padding:10px 10px 4px 10px;} #left .etiquete .bottom { height:6px; line-height:6px; font-size:1px; background:url(../media/img/bag_et_yellow.gif) no-repeat bottom; } #left .etiquete p { margin:0; padding:0; color:#be233f; font-weight:bold;} #left .box_gri {} #left .box_gri .top { height:6px; line-height:6px; font-size:1px; background:url(../media/img/colt_gri.gif) no-repeat top;} #left .box_gri .bottom { height:6px; line-height:6px; font-size:1px; background:url(../media/img/colt_gri.gif) no-repeat bottom;} #left .box_gri .wrap { background-color:#F9F9F9; padding:4px 10px;} #left p.subscribe { display:block; float:left; height:20px; line-height:20px; width:93px; padding:0 0 0 10px; background:url(../media/img/bag_subscribe.gif) no-repeat 0 0; cursor:pointer; margin-left:10px;} /* CONTACT_SUBSCRIPTION */ #left .box_gri .wrap #contact { float:left; width:315px; } #left .box_gri .wrap #contact_2 { float:right; width:300px; } #left .box_gri .wrap #contact label { display:block; float:left; width:100px; font-weight:bold; padding:5px 0; margin-bottom:5px;} #left .box_gri .wrap #contact_2 label { display:block; width:100px; font-weight:bold; padding:5px 0; margin-bottom:5px;} #left .box_gri .wrap #contact input.champ, #left .box_gri .wrap #contact_2 input.champ { width:200px; background-color:#FFF; border:1px solid #DDD; padding:4px 5px; margin:0 0 5px 0;} #left .box_gri .wrap #contact_2 textarea { background-color:#FFF; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; border:1px solid #DDD; width:280px; height:163px; margin-bottom:5px;} #left .box_gri .wrap #contact label span { color:#ae001f; font-weight:bold;} #left .box_gri .wrap #contact_2 input.button { font-size:13px; font-weight:bold; background-color:#F9F9F9; border:1px solid #CCC; cursor:pointer; padding:2px 5px; margin:0;} #left .box_gri .wrap #contact_2 input.button:hover { background-color:#EEEEEE;} /* EQUIPE */ #left #equipe {} #left #equipe ul { margin:0; padding:0; list-style:none;} #left #equipe ul li { display:block; float:left; width:195px; height:95px; margin:0 10px 10px 0;} #left #equipe ul li { background:url(../media/img/bag_portret.gif) no-repeat 0 0; } #left #equipe ul li img { margin:6px 10px 0 6px; border:none; float:left;} #left #equipe ul li p { font-size:12px; margin:6px 0 0 100px; } /* PORTFOLIO (Gallery Image) */ #left #portfolio {} #left #portfolio ul { margin:0; padding:0; list-style:none;} #left #portfolio ul li { display:inline; float:left; margin:5px;} #left #portfolio ul li a { display:block; float:left; height:90px; width:148px; padding:1px; background-color:#FFF; border:1px solid #EEE;} #left #portfolio ul li a:hover { border-color:#be233f;}