body { font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin: 0 auto; padding: 0; } div, h1, h2, h3, h4, p, form, label, input, textarea, img, span, ul, li{ margin: 0; padding: 0; } img{ border:0;} a, input, select{ outline:none; } input[type="checkbox"]{ border: none; } #contenuepage a, #contenuepage a:link, #contenuepage a:active, #contenuepage a:hover, #contenuepage a:visited{ color:#1776b1; text-decoration: underline;} h1 { color: #FFFFFF; font-size: 18px; font-weight: bold; } h2 { color: #19577C; font-size: 14px; font-weight: bold; line-height: 18px; margin: 0; } h3 { color: #19577C; font-size: 13px; font-weight: bold; line-height: 18px; margin: 0; } h4 { color: #000; font-size: 14px; font-weight: bold; line-height: 17px; margin: 0; } p { font-size: 12px; line-height: 16px; } input[type="radio"]{border:none;} a{font-size:11px;font-family:Verdana,Tahoma,Arial,Sans-serif;text-decoration:underline;color:#c7813b;} a:hover{text-decoration:none;} /* ============================================ */ /* ============= GÉNÉRAL CSS ============== */ /* ============================================ */ .FieldsError{ color:#FF0000;} .FieldsNoError{ color:#17b70f;} .fs_11{ font-size: 11px;} .fs_13{ font-size: 13px;} .inline{ display:inline;} .F_right{ float: right;} .F_left{ float: left;} .clear-r{ clear: right;} .clear-l{ clear: left;} .T_AlignRight{ text-align: right;} .italic{ font-style: italic;} .Tabulation{ margin-left: 50px; clear: left;} .Half_Tabulation{ margin-left: 25px; clear: left;} .margin-15{ margin-top: 15px;} .margin-20{ margin-top: 20px;} .margin-40{ margin-top: 40px;} /*copy HERE the same style than your actual general a */ .lookLikeA{ text-decoration: underline; cursor:pointer; } /* ============================================ */ /* ============= TEMPLATE ============== */ /* ============================================ */ .center{margin:0 auto;font-family:Verdana,Tahoma,Arial,Sans-serif; color:#586875; line-height:20px;} .clear{clear:both;} #header{width:940px;} #header .logo{float:left;width:197px;height:100px;} #header .image{float:left;width:743px;height:57px;background:url(../interface/site/header_bg.jpg) top right no-repeat;} #header .menu{float:left;width:717px;height:15px;line-height:14px;padding:0 13px;background:#003399;color:#FFF;font-size:9px;font-family:Verdana,Tahoma,Arial,Sans-serif;} #header .menu .buttons{float:left;} #header .menu .lang{float:right;} #header .menu a{padding:0 9px;font-size:10px;color:#FFF;text-decoration:none;} #banner{clear:left;height:336px;background:url(../interface/site/banner_bg.png) bottom repeat-x;} #banner .content{width:1100px;height:336px;position:relative;} #banner .content .image{position:absolute;width:1100px;height:336px;} #banner .content .menu{position:absolute;right:0;} /* style pour les petites bannières */ #banner.page {height:190px;background:url(../interface/site/banner_page_bg.png) bottom repeat-x;} #banner.page .content{height:190px;} #banner.page .content .image{height:190px;} #banner.page .content .image .banner{width:1100px;height:190px;padding-top:30px;} /* bannières du site */ #banner .content .image .banner{width:1100px;height:306px;padding-top:30px;} #banner .content .image .banner a{display:block;float:left;width:768px;height:306px;} #banner .content .image .banner a.shopping{display:block;float:right;width:300px;height:75px;margin-top:40px;margin-right:180px;} #banner .content .image .banner .menu{position:relative;float:left;margin-top:17px;width:269px;} #banner .content .image .banner .menu .top{width:269px;height:7px;background:url(../interface/site/banner_menu_top.png) top left no-repeat;} #banner .content .image .banner .menu .middle{width:269px;background:url(../interface/site/banner_menu_bg.png) repeat-y;} #banner .content .image .banner .menu .middle a{display:block;width:203px;height:30px;margin-left:18px;padding:10px 15px;background:url(../interface/site/banner_menu_bt.png) left bottom no-repeat;font-size:9px;color:#a7a7a7;text-decoration:none;} #banner .content .image .banner .menu .middle a:hover, #banner .content .image .banner .menu .middle a.active:hover{background:url(../interface/site/banner_menu_bt_over.png) left bottom no-repeat;color:#FFF;} #banner .content .image .banner .menu .middle a.active{background:url(../interface/site/banner_menu_bt_active.png) left bottom no-repeat;} #banner .content .image .banner .menu .middle a .title{display:block;font-size:19px;font-family:'Cuprum', serif;color:#FFF;} #banner .content .image .banner .menu .bottom{width:269px;height:18px;background:url(../interface/site/banner_menu_bottom.png) top left no-repeat;} /* zone de rechercher */ #banner .search{float:right;width:191px;height:20px;margin-right:80px;background:url(../interface/site/search_bg.png) top right no-repeat;text-align:right;} #banner .search input[name="rechercher"]{width:167px;height:16px;margin-left:3px;margin-top:2px;margin-top:2px;line-height:16px;float:left;border:none;} #banner .search input[name="search_btn"]{width:20px;height:20px;border:none;float:right;background:url(../interface/site/search_btn.png) top right no-repeat;} /* zone des outils */ #banner .tools{float:right;margin-right:21px;} #banner .tools a{float:left;display:block;height:20px;} #banner .tools #print_btn{width:20px;margin-right:17px;background:url(../interface/site/print.gif) top left no-repeat;} #banner .tools #font_normal_btn{width:8px;background:url(../interface/site/font_normal.gif) top left no-repeat;} #banner .tools #font_normal_btn:hover{background:url(../interface/site/font_normal_over.gif) top left no-repeat;} #banner .tools #font_medium_btn{width:8px;background:url(../interface/site/font_medium.gif) top left no-repeat;} #banner .tools #font_medium_btn:hover{background:url(../interface/site/font_medium_over.gif) top left no-repeat;} #banner .tools #font_large_btn{width:13px;background:url(../interface/site/font_large.gif) top left no-repeat;} #banner .tools #font_large_btn:hover{background:url(../interface/site/font_large_over.gif) top left no-repeat;} #center{background:url(../interface/site/content_bg.png) top center repeat-y #9ea3a5;} #center .top_shadow{width:1006px;height:41px;background:url(../interface/site/content_top.png) top center no-repeat;} #center .top_left{width:1006px;background:url(../interface/site/content_topleft.png) top left no-repeat;} #center .top_right{background:url(../interface/site/content_topright.png) top right no-repeat;} #center .bottom_left{background:url(../interface/site/content_bottomleft.png) bottom left no-repeat;} #center .bottom_right{min-height:440px;background:url(../interface/site/content_bottomright.png) bottom right no-repeat;} #content{padding:0 48px;width:910px;} #content .col_left{width:202px;float:left;} /* menu principal */ #content .col_left .menu{height:29px;line-height:29px;margin-bottom:3px;background:url(../interface/site/menu_bg.gif) repeat-y;} #content .col_left .menu a{display:block;height:29px;padding-left:13px;font-size:17px;font-family:'Cuprum', serif;color:#295482;text-decoration:none;overflow:hidden;} #content .col_left .menu a:hover,#content .col_left .menu a.active{background:url(../interface/site/menu_over_bg.gif) repeat-y;} /* sous-menu */ #content .col_left .submenu{padding-top:4px;padding-bottom:9px;font-size:11px;line-height:19px;font-family:Verdana,Tahoma,Arial,Sans-serif;} #content .col_left .submenu a{display:block;padding-left:22px;color:#6b6362;background:url(../interface/site/sm_arrow.gif) 0 7px no-repeat;text-decoration:none;} #content .col_left .submenu a:hover{color:#c7813b;background:url(../interface/site/sm_arrow_over.gif) 0 7px no-repeat;} #content .col_left .submenu a.active{color:#010101;background:url(../interface/site/sm_arrow_active.gif) 0 7px no-repeat;} #content .col_left .submenu a.active:hover{color:#c7813b;background:url(../interface/site/sm_arrow_over.gif) 0 7px no-repeat;} #content .center{width:449px;min-height:1px;padding:0 27px;float:left;} #content .center.full_width{padding-right:0px;width:681px;} #content .col_right{width:205px;float:left;} /* nouvelle principale */ #content .center .first_news .gi2_intro a{font-size:12px;font-weight:bold;} #content .center .first_news .gi2_intro a .arrow{display:inline-block;width:11px;height:8px;background:url(../interface/site/first_news_arrow.png) top left no-repeat;} /* espace entre les modules */ #content .spacer{height:10px;} /* module nouvelles */ #content .col_right .news .title{padding-left:10px;height:39px;line-height:39px;font-size:21px;font-family:'Cuprum', serif;color:#FFF;background:url(../interface/site/news_title_bg.gif) repeat-y;border:none;} #content .col_right .news .subtitle{font-size:18px;font-family:'Cuprum', serif;color:#00569C;border-bottom:1px solid #f5f7f7;border-bottom:1px solid #F5F7F7;} #content .col_right .news .subtitle .border{display:block;padding:10px 0 5px 10px;border-bottom:1px solid #D7DDE2;} #content .col_right .news a{display:block;text-decoration:none;font-size:10px;font-family:Verdana,Tahoma,Arial,Sans-serif;border-bottom:1px solid #F5F7F7;} #content .col_right .news a:hover{background:#eaf3f6;} #content .col_right .news a span{display:block;padding-left:10px;border:none;} #content .col_right .news .date{padding-top:10px;font-size:9px;color:#c7813b;text-transform:uppercase;} #content .col_right .news .subject{padding-top:10px;font-size:9px;color:#c7813b;} #content .col_right .news .content{padding-bottom:10px;color:#6b6362;border-bottom:1px solid #d7dde2;} #content .col_right .news .content .arrow{width:13px;height:6px;display:inline-block;background:url(../interface/site/news_arrow.png) no-repeat;} /* raccourcis */ #content .col_right .title{padding-left:28px;height:48px;line-height:48px;background:url(../interface/site/col_right_bt.png) left top no-repeat;font-size:24px;font-family:'Cuprum', serif;color:#FFF;} #content .col_right .shortcut a{display:block;margin-bottom:14px;text-decoration:none;} #content .col_right .shortcut a:hover{background:url(../interface/site/col_right_bt_over.png) left top no-repeat;} /* module calendrier de la colonne de droite */ #content .menu_calendar .title{background:#00569c;padding-left:10px;height:25px;line-height:25px;font-size:18px;font-family:'Cuprum', serif;color:#FFF;overflow:hidden;} #content .menu_calendar .categories{padding:10px;} #content .menu_calendar .categories .categorie{height:17px;line-height:17px;float:left;color:#6b6362;font-size:11px;font-family:Verdana,Tahoma,Arial,Sans-serif;} #content .menu_calendar .categories .categorie input{float:left;border:none;} #content .menu_calendar .categories .categorie span{display:block;padding-left:20px;} #content .menu_calendar, #datepicker .ui-widget-content, #datepicker .ui-state-default{background:#efefef;border:none;} #datepicker .ui-datepicker{width:205px;padding:0;border:none;} #datepicker .ui-datepicker-header{line-height:22px;border:none;border-radius:0;background:#d8d8d8;} #datepicker .ui-datepicker-title{font-size:11px;font-weight:bold;font-family:Verdana,Tahoma,Arial,Sans-serif;color:#4068a6;text-transform:uppercase;} #datepicker .ui-datepicker-prev span,#datepicker .ui-datepicker-next span{display:none;} #datepicker .ui-datepicker-prev{top:2px;left:0;width:32px;height:22px;background:url(../interface/site/calm_arrow_prev.png) center center no-repeat;} #datepicker .ui-datepicker-prev:hover{cursor:pointer;background:url(../interface/site/calm_arrow_prev_over.png) center center no-repeat;} #datepicker .ui-datepicker-next{top:2px;right:0;width:32px;height:22px;background:url(../interface/site/calm_arrow_next.png) center center no-repeat;} #datepicker .ui-datepicker-next:hover{cursor:pointer;background:url(../interface/site/calm_arrow_next_over.png) center center no-repeat;} #datepicker .ui-state-hover{background:none;border:none;} #datepicker .ui-datepicker-calendar{font-size:11px;font-family:'Lato', serif;} #datepicker .ui-datepicker-calendar a{font-size:11px;font-family:'Lato', serif;color:#000;} #datepicker .ui-datepicker-calendar a.has_event{background:#bdcfe0;} #datepicker .ui-datepicker th{font-weight:normal;padding:7px;} #datepicker .ui-datepicker table{width:193px;margin:6px;} #content .menu_calendar .linktoall{padding:10px 0;text-align:left;background:#FFF;} /* boîte de dialogue du module calendrier */ .ui-dialog[aria-labelledby='ui-dialog-title-cal_dialog'] {padding:0;border-radius:0;border:1px solid #00569C;} .ui-dialog[aria-labelledby='ui-dialog-title-cal_dialog'] .ui-widget-header{background:#00569C;color:#FFF;border:0;font-size:16px;font-weight:normal;font-family:'Cuprum',serif;text-transform:lowercase;} .ui-dialog[aria-labelledby='ui-dialog-title-cal_dialog'] .ui-corner-all{border-radius:0;} .ui-dialog[aria-labelledby='ui-dialog-title-cal_dialog'] .ui-icon{background:url(../interface/site/ui-icons_ffffff_256x240.png) -96px -128px;} .ui-dialog[aria-labelledby='ui-dialog-title-cal_dialog'] #cal_dialog ul{padding:5px 10px;color:#C7813B;list-style:disc;font-family:Verdana,Tahoma,Arial,Sans-serif;} .ui-dialog[aria-labelledby='ui-dialog-title-cal_dialog'] #cal_dialog ul a{display:block;line-height:18px;color:#C7813B;} /* module calendrier de la page d'accueil */ #content .center .menu_calendar{margin-top:25px;} #content .center .menu_calendar .title{font-size:20px;line-height:28px;} #content .center .menu_calendar .categories{float:left;width:120px;padding:10px 0 10px 10px;} #content .center .menu_calendar .categories .categorie{float:none;width:100%;} #content .center .menu_calendar #datepicker{float:right;width:300px;padding:10px 10px 10px 0;} #content .center .menu_calendar #datepicker .ui-datepicker-header{background:#8f959c;width:300px;} #content .center .menu_calendar #datepicker .ui-datepicker-title{color:#FFF;font-size:12px;} #content .center .menu_calendar #datepicker .ui-datepicker-inline{width:300px;background:#FFF;} #content .center .menu_calendar #datepicker .ui-datepicker-calendar{width:288px;font-size:13px;} #content .center .menu_calendar #datepicker .ui-datepicker-prev{top:2px;left:0;width:32px;height:22px;background:url(../interface/site/calh_arrow_prev.png) center center no-repeat;} #content .center .menu_calendar #datepicker .ui-datepicker-prev:hover{cursor:pointer;background:url(../interface/site/calh_arrow_prev_over.png) center center no-repeat;} #content .center .menu_calendar #datepicker .ui-datepicker-next{top:2px;right:0;width:32px;height:22px;background:url(../interface/site/calh_arrow_next.png) center center no-repeat;} #content .center .menu_calendar #datepicker .ui-datepicker-next:hover{cursor:pointer;background:url(../interface/site/calh_arrow_next_over.png) center center no-repeat;} #content .center .menu_calendar #datepicker .ui-state-default{font-size:13px;background:#FFF;color:#000;} #content .center .menu_calendar #datepicker .has_event{background:#bdcfe0;font-size:13px;} #content .center .menu_calendar .linktoall{padding-top:0;background:none; margin-left: 140px;} /* dialogue calendrier modal */ body .ui-widget-overlay{background:#000;opacity:0.7;} .ui-dialog[aria-labelledby='ui-dialog-title-modal_calendar']{border-radius:0;} .ui-dialog[aria-labelledby='ui-dialog-title-modal_calendar']{background:#d8d8d8;border:none;padding:15px 35px;} .ui-dialog[aria-labelledby='ui-dialog-title-modal_calendar'] .ui-dialog-titlebar{padding:0;border:none;background:none;color:#00569c;font-size:34px;font-weight:normal;font-family:'Cuprum', serif;vertical-align:top;} .ui-dialog[aria-labelledby='ui-dialog-title-modal_calendar'] .ui-dialog-titlebar .ui-dialog-title{margin:0;} .ui-dialog[aria-labelledby='ui-dialog-title-modal_calendar'] .ui-dialog-titlebar .ui-dialog-titlebar-close{top:0;margin:0;padding:0;display:inline;width:auto;height:auto;color:#00569c;font-size:15px;font-weight:normal;font-family:'Cuprum', serif;text-decoration:none;} .ui-dialog[aria-labelledby='ui-dialog-title-modal_calendar'] .ui-dialog-titlebar .ui-dialog-titlebar-close:hover{color:#C7813B;border:none;background:none;} .ui-dialog[aria-labelledby='ui-dialog-title-modal_calendar'] .ui-dialog-titlebar .ui-icon{text-indent:0;display:inline;background:none;overflow:auto;} .ui-dialog[aria-labelledby='ui-dialog-title-modal_calendar'] #modal_calendar{padding:10px 0 0 0;background:url(../interface/site/loading.gif) center center no-repeat #D8D8D8;} /* calendrier modal */ .fullcalendar{background:#D8D8D8;} .fullcalendar .logo{display:none;} .fullcalendar .title{display:none;line-height:30px;font-size:25px;font-family:'Cuprum', serif;text-align:center;color:#000;} .fullcalendar .calendar #datepicker{margin-bottom:15px;} .fullcalendar .calendar #datepicker .ui-datepicker-inline{width:100%;background:#FFF;} .fullcalendar .calendar #datepicker .ui-datepicker-header{background:#8f959c;} .fullcalendar .calendar #datepicker .ui-datepicker-header .ui-datepicker-prev{height:30px;width:40px;background:url(../interface/site/cal_arrow_prev.png) center center no-repeat;} .fullcalendar .calendar #datepicker .ui-datepicker-header .ui-datepicker-prev-hover{cursor:pointer;background:url(../interface/site/cal_arrow_prev_over.png) center center no-repeat;} .fullcalendar .calendar #datepicker .ui-datepicker-header .ui-datepicker-next{height:30px;width:40px;background:url(../interface/site/cal_arrow_next.png) center center no-repeat;} .fullcalendar .calendar #datepicker .ui-datepicker-header .ui-datepicker-next-hover{cursor:pointer;background:url(../interface/site/cal_arrow_next_over.png) center center no-repeat;} .fullcalendar .calendar #datepicker .ui-datepicker-header .ui-datepicker-title{height:30px;line-height:30px;font-size:16px;color:#FFF;} .fullcalendar .calendar #datepicker .ui-datepicker-calendar{width:720px;margin:0 25px 10px 25px;font-family:Verdana,Tahoma,Arial,Sans-serif;background:#FFF;} .fullcalendar .calendar #datepicker .ui-datepicker-calendar thead th{padding:6px 2px;text-align:left;} .fullcalendar .calendar #datepicker .ui-datepicker-calendar thead span{font-size:14px;} .fullcalendar .calendar #datepicker .ui-datepicker-calendar tbody a,.fullcalendar .calendar #datepicker .ui-datepicker-calendar tbody span{font-size:12px;background:#FFF;color:#000;width:76px;height:66px;background:url(../interface/site/cal_bg.png) top left no-repeat;text-align:left;padding:7px;} .fullcalendar .calendar #datepicker .ui-datepicker-calendar tbody tr td .events{height:52px;overflow:hidden;} .fullcalendar .calendar #datepicker .ui-datepicker-calendar tbody tr td .events a{font-size:9px;font-family:Verdana,Tahoma,Arial,Sans-serif;padding:1px 0;width:auto;height:auto;background:none;color:#c7813b;text-decoration:underline;} .fullcalendar .calendar #datepicker .ui-datepicker-calendar tbody tr td .events a:hover{text-decoration:none;} .fullcalendar .calendar .print{display:block;width:400px;height:16px;float:left;padding-left:30px;background:url(../interface/site/cal_print_bt.gif) top left no-repeat;} .fullcalendar .calendar .categories{width:246px;float:right;} .fullcalendar .calendar .categories .categorie{width:50%;float:left;} .fullcalendar .calendar .categories .categorie span{color:#6b6362;} .fullcalendar .calendar .categories .categorie input{margin:0 10px;} /* module googlemap_places */ #content #places{margin-top:25px;font-size:12px;font-family:Verdana,Tahoma,Arial,Sans-serif;} #content #places .title{height:40px;background:#7194b2;} #content #places .title h3{padding-left:15px;float:left;line-height:40px;font-size:12px;font-weight:normal;color:#FFF;} #content #places .title #regions{margin:11px;height:18px;} #content #places .wrapper{margin-top:2px;background:#e9eef2;padding:15px;} #content #places #categories span{display:block;float:left;width:50%;height:20px;line-height:20px;font-size:12px;color:#586875;} #content #places #categories span input{margin-right:10px;border:none;} #content #places #map_canvas{margin-top:15px;width:649px;height:330px;border:1px solid #FFF;} #googlemap_marker{font-size:12px;width:340px;} #googlemap_marker .bold{font-weight:bold;} #googlemap_marker #photo{float:left;padding-right:5px;width:100px;} #googlemap_marker #photo img{max-width:100px;margin:auto;} #googlemap_marker #info{float:left;width:235px;} #googlemap_marker #itineraire{clear:both;} /* module de document */ #content #enpq_document{font-family:Verdana,Tahoma,Arial,Sans-serif;} #content #enpq_document #checkbox dd{margin:0;} #content #enpq_document #checkbox .row .col{display:inline-block;vertical-align:middle;} #content #enpq_document #checkbox .row .col.check{width:40px;text-align:center;} #content #enpq_document #checkbox .row .col.check input{border:none;} #content #enpq_document #checkbox .row.checkall{margin-top:0;background:#7598b6;} #content #enpq_document #checkbox .row.checkall .col{padding:7px 0;} #content #enpq_document #checkbox .row.checkall .col.title{font-size:12px;color:#FFF;} #content #enpq_document #checkbox .row.document{margin-top:2px;padding:15px 0;background:#e9eef2;} #content #enpq_document #checkbox .row.document .col.image{width:60px;text-align:center;} #content #enpq_document #checkbox .row.document .col.text{padding-left:20px;} #content #enpq_document #checkbox .row.document .col.text span{display:inline-block;} #content #enpq_document #checkbox .row.document .col.text .title{padding-bottom:5px;font-size:14px;font-weight:bold;color:#4068a6;} #content #enpq_document #checkbox .row.document .col.text .description{font-size:11px;color:#586875;} #content #enpq_document #checkbox .row.document .col.text .filesize{font-size:10px;color:#586875;font-weight:bold;font-style:italic;} #content #enpq_document #checkbox .row.download{margin-top:2px;padding:15px;background:#e9eef2;text-align:center;} #content #enpq_document #checkbox .row.download #download{display:inline-block;padding:0 8px;line-height:24px;background:url(../interface/site/download_bt.png) repeat-x;font-size:15px;font-family:'Cuprum', serif;color:#FFF;text-decoration:none;} #content #enpq_document #checkbox .row.download #download .arrow{display:inline-block;width:11px;height:8px;background:url(../interface/site/download_arrow.png) top left no-repeat;} /* module catalogue */ #content .col_left .cat_lnk_home{margin-top:15px;} #content #catalog{font-family:Verdana,Tahoma,Arial,Sans-serif;} #content #catalog .customer{margin:30px 0;} #content #catalog .products .infoBoxHeading{padding-left:20px;line-height:25px;font-size:14px;font-weight:bold;background:#7194b3;} #content #catalog .products .infoBox, #content #catalog .products .infoBoxContents{background:#FFF;} #content #catalog .products .infoBoxContents {margin:0;} #content #catalog .products .infoBoxContents td{width:100%;margin:0;padding:1px 0;background:#FFF;} #content #catalog .products .infoBoxContents .product{width:407px;padding:15px 20px;background:#e6ecf0;} #content #catalog .products .infoBoxContents .image{width:85px;float:left;overflow:hidden;} #content #catalog .products .infoBoxContents .image img{max-width:85px;max-height:85px;} #content #catalog .products .infoBoxContents .info{width:312px;float:left;margin-left:10px;text-align:left;} #content #catalog .products .infoBoxContents .info .title{font-size:14px;color:#4068a6;} #content #catalog .products .infoBoxContents .info .price{display:block;padding:4px 0;font-weight:bold;color:#4068A6;} #content .center #ocAddCart a{display:inline-block;padding:3px 5px;color:#FFF;text-decoration:none;background:#5e80a2;} #content .center #ocAddCart a:hover{background:#385d85;} #content .center #ocAddCart a .arrow{display:inline-block;width:8px;height:7px;background:url(../interface/site/add_cart_arrow.png) top left no-repeat;} /* pagination des produits */ .pagination{font-size:11px;color:#FFF;background:#7194b3;text-decoration:none;} .pagination .pages a{color:#FFF;text-decoration:underline;} .pagination .prec a, .pagination .next a{color:#FFF;text-decoration:none;} .pagination .pages a:hover, .pagination .prec a:hover, .pagination .next a:hover{background:none;color:#003a78;} /* menu droite boutique en ligne */ #content .col_right .shopping.title{padding-left:20px;background:url(../interface/site/shopping_bg.gif) top repeat-x;} #content .col_right .shopping_cart {font-family:Verdana,Tahoma,Arial,Sans-serif;color:#FFF;} #content .col_right .shopping_cart a{display:inline-block;padding:4px 6px;margin-top:15px;background:#385D85;text-decoration:none;color:#FFF;} #content .col_right .shopping_cart a:hover{background:#0e3d6f;} #content .col_right .shopping_cart a .arrow{display:inline-block;width:9px;height:7px;background:url(../interface/site/shop_cart_arrow.png) top right no-repeat;} #content .col_right .shopping_cart .connect{min-height:72px;background:url(../interface/site/shop_cart_bg.gif) top repeat-x #6f92b0;padding:15px;} #content .col_right .shopping_cart .connect .hello{display:inline-block;margin-bottom:5px;} #content .col_right .shopping_cart .cart{margin-top:2px;min-height:72px;background:url(../interface/site/shop_cart_bg.gif) top repeat-x #6f92b0;padding:15px;} #content .col_right .shopping_cart .cart .title{padding-left:35px;margin-bottom:15px;line-height:33px;height:33px;font-size:17px;overflow:hidden;background:url(../interface/site/shop_cart_ico.gif) 6px 6px no-repeat #8babc7;} #content .col_right .shopping_cart a#SpecialSC-Button{ display: block; width: 140px; height: 33px; background: none; margin: 0; padding: 0; font-size: 17px; line-height: 33px; overflow: hidden; font-family: 'Cuprum',serif; } /* panier d'achat */ #content .center #shopping_cart{font-family:Verdana,Tahoma,Arial,Sans-serif;} #content .center #shopping_cart td{padding:0;} #content .center #shopping_cart .productListing{margin-top:25px;} #content .center #shopping_cart .productListing .productListing-heading{padding-left:15px;height:22px;line-height:22px;font-size:12px;font-weight:normal;background:#7194b3;} #content .center #shopping_cart .productListing .remove{width:75px;} #content .center #shopping_cart .productListing .products{width:365px;} #content .center #shopping_cart .productListing .qty{width:100px;} #content .center #shopping_cart .productListing .prix{width:75px;} #content .center #shopping_cart .productListing{border-spacing:0 1px;} #content .center #shopping_cart .productListing-data{padding:7px 0 7px 15px; background:#e9eef2;} #content .center #shopping_cart .productListing-data.name a{font-size:14px;font-weight:bold;text-decoration:none;color:#4068a6;} #content .center #shopping_cart .productListing-data.name a:hover{text-decoration:underline;} #content .center #shopping_cart .productListing-data.price{font-size:13px;font-weight:bold;color:#4068a6;} #content .center #shopping_cart .subtotal{padding:7px 15px;font-size:13px;font-weight:bold;color:#4068a6;background:#c5d5e3;} #content .center #shopping_cart .infoBox, #content .center #shopping_cart .infoBoxContents{background:none;} #content .center #shopping_cart .infoBoxContents .checkout{display:inline-block;height:24px;line-height:24px;padding:0 10px;font-family:'Cuprum', serif;font-size:15px;color:#FFF;text-decoration:none;background:url(../interface/site/checkout_bg.gif) repeat-x;} #content .center #shopping_cart .infoBoxContents .checkout:hover{background:url(../interface/site/checkout_bg_over.gif) repeat-x;} #content .center #shopping_cart .infoBoxContents .checkout .arrow{display:inline-block;height:8px;width:11px;background:url(../interface/site/checkout_arrow.png) center bottom no-repeat;} #content .center #shopping_cart .infoBoxContents .boxText{padding:15px;font-size:12px;color:#104290;background:#c5d5e3;} /* liste des produits */ #content .center #products_listing{margin-top:20px;} #content .center #products_listing .row{margin-top:1px;background:#e9eef2;padding:15px 30px;} #content .center #products_listing .row .right{float:left;width:75px;} #content .center #products_listing .row .right img{max-width:75px;} #content .center #products_listing .row .left{float:left;width:284px;margin-left:30px;font-size:11px;color:#586875;} #content .center #products_listing .row .left .name{font-size:14px;font-weight:bold;color:#4068a6;} #content .center #products_listing .row .left .desc{margin-top:5px;} #content .center #products_listing .row .left .options{margin-top:10px;} #content .center #products_listing .row .left .options .price{float:left;width:75px;font-size:13px;font-weight:bold;color:#4068a6;} #content .center #products_listing .row .left .options #ocAddQty{float:left;width:85px;} #content .center #products_listing .row .left .options #ocAddCart a{font-size:10px;} /* détails du produit*/ #content .center #piName{line-height:20px;padding:10px 0;} #content .center .product_details{padding:20px;margin-top:2px;background:#e2e9ee;} #content .center .product_details .right{float:left;width:160px;} #content .center .product_details .right #piImage img{max-width:160px;} #content .center .product_details .right .picture img{max-width:160px;} #content .center .product_details .right #ocAddQty{margin-top:15px;font-size:11px;color:#586875;} #content .center .product_details .right .price{padding-top:15px;font-size:13px;font-weight:bold;color:#4068a6;} #content .center .product_details .right .price .title{font-weight:normal; color:#586875;} #content .center .product_details .right #ocAddCart{padding-top:15px;} #content .center .product_details .right #piOptions{padding-top:15px;color:#666a6c;} #content .center .product_details .right #piOptions .code{padding-top:10px;} #content .center .product_details .left{float:left;width:219px;margin-left:30px;} #content .center .product_details .c2ProductDescription{font-size:11px;color:#586875;} #content .center .product_details .select_options{ margin-top: 15px; } #content .center .product_details .select_options .title{ font-weight: bold; } #content .center .product_details .select_options .option div{ float: left; } #content .center .product_details .select_options .option select{ margin-top: 2px; } #content .center .product_details #divOptions{ margin-top: 10px; } /* autres pages du catalogue */ td.pageHeading, div.pageHeading{color:#104290;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:20px;font-weight:bold;left:0;padding:0;line-height:25px;text-align:left;} td.smallText{color:#586875;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;line-height:22px;} table.infoBox{background:#E9EEF2;} table.infoBox .infoBoxContents{background:#E9EEF2;} table.infoBox .infoBoxContents .main b{font-size:10px;} .orderEdit{color:#C7813B;} .orderEdit:hover{text-decoration:none;} table.infoBox .submit{display:inline-block;height:24px;line-height:24px;padding:0 10px;font-family:'Cuprum', serif;font-size:15px;color:#FFF;text-decoration:none;background:url(../interface/site/checkout_bg.gif) repeat-x;} table.infoBox .submit:hover{background:url(../interface/site/checkout_bg_over.gif) repeat-x;} table.infoBox .submit .arrow{display:inline-block;height:8px;width:11px;background:url(../interface/site/checkout_arrow.png) center bottom no-repeat;} table.infoBox .products{border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;} table.infoBox .products tr td{border-bottom:1px solid #000;} table.infoBox .products table tr td{border-bottom:none;} .moduleRowSelected{background:#6F92B0;color:#FFF;} .messageStackError{background:#E9EEF2;color:#ff0000;padding:5px;} /* pied de page */ #footer{background:#595d61;padding-bottom:37px;} #footer .content{width:940px;min-height:70px;padding:64px 33px 0;background:url(../interface/site/content_bottom.jpg) top center no-repeat;} #footer .content .menu{width:700px;float:left;} #footer .content .menu #footer_menu{float:left;} #footer .content .menu #footer_menu a{display:block;padding:3px 16px;line-height:12px;font-size:10px;font-family:Verdana,Tahoma,Arial,Sans-serif;text-decoration:none;} #footer .content .menu #footer_menu a.link{font-weight:bold;color:#84a4be;} #footer .content .menu #footer_menu a.sublink{font-weight:normal;color:#acaeb0;} #footer .content .menu #footer_menu a.sublink:hover{color:#dbdbdb;} #footer .content .info{float:right;width:180px;padding:0 30px;font-size:10px;font-family:Verdana,Tahoma,Arial,Sans-serif;} #footer .content .info h1{padding-bottom:2px;font-size:10px;font-weight:bold;color:#84a4be;text-decoration:none;} #footer .content .info div{padding:2px 0;line-height:12px;color:#acaeb0;} #copyright{text-align:center;} #copyright span{display:block;margin-top:15px;margin-bottom:20px;} #copyright span a, #copyright span a:active{font-size:11px;font-family:"Trebuchet MS",sans-serif;text-decoration:none;color:#2D6A9C;} #copyright span a:hover{text-decoration:underline;} /* ************************ */ /* STYLES POUR L'IMPRESSION */ /* ************************ */ @media print{ #banner, #header .image, #header .menu, #content .col_left, #content .col_right, #footer, .menu_calendar{display:none;} #content .center{clear:both;min-height:0;width:100%;} /* calendrier modal */ .fullcalendar .calendar #datepicker .ui-datepicker-calendar{border:1px solid #000;width:100%;margin:0;} .fullcalendar .calendar #datepicker .ui-datepicker-calendar span{margin:0;padding:2px;width:100%;height:auto;min-height:50px;} .fullcalendar .calendar #datepicker .ui-datepicker-calendar tbody span{background:none;} .fullcalendar .calendar #datepicker .ui-datepicker-calendar tbody a, .fullcalendar .calendar #datepicker .ui-datepicker-calendar tbody span{height:auto;} .fullcalendar .logo{display:block;} .fullcalendar .title{display:block;} .fullcalendar table td{border:1px solid #666;padding:0;margin:0;} .fullcalendar .calendar .print{display:none;} .fullcalendar .calendar #datepicker .ui-datepicker-calendar tbody tr td .events a{color:#000;text-decoration:none;} } /* ************************ */ /* FIX POUR IE 7 */ /* ************************ */ *:first-child+html .arrow{margin-bottom:2px;} *:first-child+html #shopping_cart .arrow{margin-bottom:3px;} /* ************************************************ */ /* AJOUT DE CE ID POUR LE CONTENT */ /* ************************************************ */ #mainContent ul{ margin-left: 25px;} #mainContent a{ font-size: 12px;}