/* Mise en Page */ * { margin:0; padding:0; text-transform:0 0 0 #000000;} body { background:#E1D8C3; margin: 0; padding: 0; font-family:Tahoma,Verdana,Optima,Lucida,Arial,Geneva,Helvetica,sans-serif; color:#000000; background:#f9f7ed; text-transform:0 0 0 #000000;} a{ text-decoration: none; color:#999999;} a:hover { text-decoration: none; color:#888888;} #divglobal{width:1049px; height:auto; margin-left:auto; margin-right:auto;} #header {background:url('../images/header.jpg') no-repeat center; height:130px;width:1049px;} #header #logo { width:527px; height:77px;margin-top:14px;margin-left:24px; float:left;} #header #logo h1 { margin:0; padding:0; } #header #logo h1 a strong{ position:absolute; top:-100000px; text-indent:-100000px; } #header #menutopright{ float:right; height:94px; width:417px;margin-top:15px;margin-right:45px;} .search-bar {background:none; border:none;} .mini-search { padding-left: 80px; } #divglobal #content {width:1049px;} #divglobal #content {background:url('../images/content.jpg') repeat-y center;} #divglobal #content #leftcontent { margin-left:23px; padding-top:5px; width:155px; float:left; text-align:center;} #divglobal #content #rightcontent { margin-right:45px; padding-top:5px; width:210px; float:right;} #divglobal #content #maincontent { margin-left:15px; width:600px; float:left; } #divglobal #content #agenda_content { margin-left:15px; width:800px; float:left; display: block;} #divglobal #content #agenda_content .calendrier-table-large {display:block; width:800px; } #divglobal #content #agenda_content div.navigation-calendrier { background-color:#A30000; } #divglobal #content #agenda_content .calendrier-td { border:dashed #A30000 1px; margin:1px; } #divglobal #content #agenda_content .calendrier-cadreagenda { background-color:#E9E9E9; } /* Menu top right */ #header #menutopright a {display:block; float:left;cursor:pointer; text-indent:-100000px;} #header #menutopright h2 {margin-bottom:0;} #header #menutopright h2#topcom a{background:url('../images/topcomone.jpg') no-repeat 0 -45px; width:143px; height:45px; } #header #menutopright h2#topacc a{background:url('../images/topaccone.jpg') no-repeat 0 -45px; width:135px; height:45px; } #header #menutopright h2#topcal a{background:url('../images/topcalone.jpg') no-repeat 0 -45px; width:139px; height:45px; } #header #menutopright h2#topcre a{background:url('../images/topcreone.jpg') no-repeat 0 0px; width:143px; height:49px; } #header #menutopright h2#topnot a{background:url('../images/topnotone.jpg') no-repeat 0 -49px; width:135px; height:49px; } #header #menutopright h2#topnou a{background:url('../images/topnouone.jpg') no-repeat 0 -49px; width:139px; height:49px; } #header #menutopright h2#topcom a:hover , #header #menutopright h2#topcom a:focus, #header #menutopright h2#topcom a.actif {background:url('../images/topcomone.jpg') no-repeat 0 0; width:143px; height:45px; } #header #menutopright h2#topacc a:hover , #header #menutopright h2#topacc a:focus, #header #menutopright h2#topacc a.actif {background:url('../images/topaccone.jpg') no-repeat 0 0; width:135px; height:45px; } #header #menutopright h2#topcal a:hover , #header #menutopright h2#topcal a:focus, #header #menutopright h2#topcal a.actif {background:url('../images/topcalone.jpg') no-repeat 0 0; width:139px; height:45px; } #header #menutopright h2#topcre a:hover , #header #menutopright h2#topcre a:focus, #header #menutopright h2#topcre a.actif {background:url('../images/topcreone.jpg') no-repeat 0 0; width:143px; height:49px; } #header #menutopright h2#topnot a:hover , #header #menutopright h2#topnot a:focus, #header #menutopright h2#topnot a.actif {background:url('../images/topnotone.jpg') no-repeat 0 0; width:135px; height:49px; } #header #menutopright h2#topnou a:hover , #header #menutopright h2#topnou a:focus, #header #menutopright h2#topnou a.actif {background:url('../images/topnouone.jpg') no-repeat 0 0; width:139px; height:49px; } /* Contact */ #header h2#soush1 a {display:block; float:left;cursor:pointer; text-indent:-100000px;} #header h2#soush1 a {margin-left:10px; background:url('images/contact.jpg') no-repeat 0 -28px; width:138px; height:28px; } #header h2#soush1 a:hover , #header h2#soush1 a:focus {background:url('images/contact.jpg') no-repeat 0 0; width:138px; height:28px; } /*Menu gauche */ #divglobal #content #leftcontent ul{ list-style-type:none; } #divglobal #content #leftcontent ul li { text-align:center; } #divglobal #content #leftcontent ul li h2 a {display:block; background:url('../images/menubar.jpg') top no-repeat; width:158px; height:24px; padding-top:10px; font-size:0.8em; font-weight:400; margin-top:10px; letter-spacing:1px; text-transform:0 0 0 #000000;} #divglobal #content #leftcontent ul li h2 a:hover, #divglobal #content #leftcontent ul li h2 a:focus, #divglobal #content #leftcontent ul li h2 a.actif{ color:#FFF;} #divglobal #content #leftcontent ul li a h2{cursor:pointer;} #divglobal #content #leftcontent ul li h3 { font-size:0.9em;} #divglobal #content #leftcontent ul li h3 a {color:#000000; cursor:pointer; } #divglobal #content #leftcontent ul li h3 a:hover, #divglobal #content #leftcontent ul li h3 a:focus, #divglobal #content #leftcontent ul li h3 a.actif { background:url(../images/arrow_right.png) no-repeat; color:#888888;padding:0 20px;} #divglobal #content #leftcontent ul li h2.rouge a:hover, #divglobal #content #leftcontent ul li h2.rouge a:focus, #divglobal #content #leftcontent ul li h2.rouge a.actif{background:url('../images/on_rouge.jpg') top no-repeat;} #divglobal #content #leftcontent ul li h2.bleu a:hover, #divglobal #content #leftcontent ul li h2.bleu a:focus, #divglobal #content #leftcontent ul li h2.bleu a.actif{background:url('../images/on_bleu.jpg') top no-repeat;} #divglobal #content #leftcontent ul li h2.or a:hover, #divglobal #content #leftcontent ul li h2.or a:focus, #divglobal #content #leftcontent ul li h2.or a.actif{background:url('../images/on_or.jpg') top no-repeat;} #divglobal #content #leftcontent ul li h2.violet a:hover, #divglobal #content #leftcontent ul li h2.violet a:focus, #divglobal #content #leftcontent ul li h2.violet a.actif{background:url('../images/on_violet.jpg') top no-repeat;} #divglobal #content #leftcontent ul li a.extlink{ font-size:0.8em; } /* Menu droite */ #divglobal #content #rightcontent .art_droite { background:url(../images/menudroite.jpg) no-repeat bottom; width:190px; padding-bottom:20px; padding-right:74px;} #divglobal #content #rightcontent .art_droite h3 {font-size:0.9em; border-bottom:dashed #000000 1px ; margin-bottom:5px;} #divglobal #content #rightcontent .art_droite p {font-size:0.8em; text-align:justify;} #divglobal #content #rightcontent ul{ list-style-type:none; font-size:0.8em;} #divglobal #content #rightcontent ul li {display:block;text-transform:capitalize; text-align:center; margin-bottom:5px; border-bottom:dotted #CCCCCC 1px;} #divglobal #content #rightcontent ul li a:hover,#divglobal #content #rightcontent ul li a:focus { display:block; background-color:#CCCCCC; color:#000000;} #divglobal #content #rightcontent .art_droite fieldset {padding:2px;} /* Content */ #divglobal #content #maincontent h2 { width:560px; height:23px; background:url('../images/titre_art.jpg') no-repeat center; font-size:1.1em; padding-top:10px; padding-left:30px; } #divglobal #content #maincontent p, #divglobal #content #maincontent .spip_forms, #divglobal #content #maincontent ul { width:550px; background:url('../images/content_art.jpg') repeat-y center; font-size:0.9em; padding-top:10px; padding-left:20px; padding-right:20px; border:0; margin:0;} #divglobal #content #maincontent fieldset ul, #divglobal #content #maincontent ul ul { width:auto; background:none; padding-top:0; padding-left:0; padding-right:0; border:0; margin:0; } #divglobal #content #maincontent p { text-align:justify; } #divglobal #content #maincontent p:first-letter{padding-left:30px;} #divglobal #content #maincontent h3 { width:530px; background:url('../images/content_art.jpg') repeat-y center; font-size:1.1em; padding-top:10px; padding-left:40px; padding-right:20px; font-style:italic; } #divglobal #content #maincontent p.footer_art { height:13px; background:url('../images/footer_art.jpg') no-repeat top; font-size:1.1em; padding-left:20px; clear:both;} #divglobal #content #maincontent p.soustitre_art { font-size:0.7em; color:#666666; text-align:right;} #divglobal #content #maincontent p.ps {font-size:0.9em;} #divglobal #content #maincontent ul { list-style-type:none; } #divglobal #content #maincontent ul li { background: no-repeat left top url('../images/arrow_right.png'); vertical-align:middle; padding-left:20px; font-size:0.9em;} #divglobal #content #maincontent ul li ul li { background: no-repeat left top url('../images/arrow_turn_top_right.png'); vertical-align:middle;} #divglobal #content #maincontent ul.ref li a{ float:left; border:1px dashed #CCCCCC; height:95px; width:95px; margin:4px; vertical-align:middle;} #divglobal #content #maincontent ul.ref li a:hover,#divglobal #content #maincontent ul.ref li a:focus { display:block; border:1px solid #333333;} #divglobal #content #maincontent ul.ref { list-style-image:none; list-style-position:outside; list-style-type:none;} #divglobal #content #maincontent ul.ref li { background:none; display:block; list-style-image:none; list-style-position:outside; list-style-type:none; float:left !important! !important; padding-left:5px; } #divglobal #content #maincontent a.suite{ display:block; background:#EEE no-repeat 0px center url('../images/arrow_right.png'); color:#333; border:#999 dashed 1px; padding:2px; margin-top:10px; padding-left:30px; margin-left:350px; text-align:left; } #divglobal #content #maincontent a.suite:hover{ background: #DDD no-repeat 8px center url('../images/arrow_right.png'); color:#000; border:#999 dashed 1px;} #divglobal #content #maincontent div.socialtags { width:550px; background:url('../images/content_art.jpg') repeat-y center; font-size:0.9em;padding-top:10px; padding-left:20px; padding-right:20px; border:0; margin:0; text-align:right;} #divglobal #content #maincontent .socialtags ul li{ background:none; padding:0;} /* Sommaire */ #divglobal #content #maincontent.sommaire {width:770px; padding-left:20px;} #divglobal #content #maincontent .sommaire {float:left; width:380px;} #divglobal #content #maincontent .sommaire h2 { width:360px; height:23px; background:url('../images/small_titre_art.jpg') no-repeat center; font-size:1.1em; padding-top:10px; padding-left:20px; } #divglobal #content #maincontent .sommaire h2.bleu{ background:url('../images/small_titre_art_bleu.jpg') no-repeat center;} #divglobal #content #maincontent .sommaire h2.vert{ background:url('../images/small_titre_art_vert.jpg') no-repeat center;} #divglobal #content #maincontent .sommaire h2.jaune{ background:url('../images/small_titre_art_jaune.jpg') no-repeat center;} #divglobal #content #maincontent .sommaire p, #divglobal #content #maincontent .sommaire .spip_forms , #divglobal #content #maincontent .sommaire ul { width:360px; background:url('../images/small_content_art.jpg') repeat-y center; font-size:0.9em; padding-top:5px; padding-left:10px; padding-right:10px; border:0; margin:0;} #divglobal #content #maincontent .sommaire p { text-align:justify; } #divglobal #content #maincontent .sommaire p:first-letter{padding-left:10px;} #divglobal #content #maincontent .sommaire h3 { width:360px; background:url('../images/smal_content_art.jpg') repeat-y center; font-size:1.1em; padding-top:10px; padding-left:10px; padding-right:10px; border-bottom:#000000 dashed 1px; font-style:italic; } #divglobal #content #maincontent .sommaire p.footer_art { height:13px; background:url('../images/small_footer_art.jpg') no-repeat top; font-size:1.1em; padding-left:10px;} #divglobal #content #maincontent .sommaire p.soustitre_art { font-size:0.7em; color:#666666; text-align:right;} #divglobal #content #maincontent .sommaire ul { list-style-type:none; } #divglobal #content #maincontent .sommaire ul li { background: no-repeat left top url('../images/arrow_right.png'); vertical-align:middle; padding-left:20px; font-size:0.9em;} #divglobal #content #maincontent .sommaire ul li:hover,#divglobal #content #maincontent .sommaire ul li:focus{ background-color:#EEE;} #divglobal #content #maincontent .sommaire ul li:hover ul li:hover,#divglobal #content #maincontent .sommaire ul li:hover ul li:focus{ background-color:transparent ; } #divglobal #content #maincontent .sommaire ul li ul {background-image:none; padding-top:5px; padding-bottom:10px;} #divglobal #content #maincontent .sommaire ul li ul li { background: no-repeat left top url('../images/arrow_turn_top_right.png'); vertical-align:middle;width:310px;} #divglobal #content #maincontent .sommaire ul.ref { list-style-image:none; list-style-position:outside; list-style-type:none;} #divglobal #content #maincontent .sommaire ul.ref li { background:none; display:block; list-style-image:none; list-style-position:outside; list-style-type:none; float:left !important! !important; padding-left:9px; } #divglobal #content #maincontent .sommaire ul.ref li a{display:table-cell !important; vertical-align:middle; float:left; border:1px dashed #CCCCCC; height:95px; width:95px; margin:4px; vertical-align:middle; padding:0;} #divglobal #content #maincontent .sommaire ul.ref li a:hover,#divglobal #content #maincontent .sommaire ul.ref li a:focus { display:block; border:1px solid #333333;} /* Forms */ #divglobal #content #maincontent .spip_forms fieldset { border-color:#A30000; } /* Hierarchie */ #divglobal #content #hierarchie {font-size:0.8em; margin-bottom:5px;} /* Footer */ #divglobal #footer { height:136px;width:1049px; } #divglobal #footer {background:url('../images/footer.jpg') no-repeat center;} #divglobal #footer a { color:#dddddd;} #divglobal #footer a:hover, #divglobal #footer p a:focus { color:#aaaaaa;} #divglobal #footer .misfooter{width:100%; margin-left:30px; margin-right:30px; padding-top:95px;text-align:center; font-size:1.1em;color:#ffffff;} #divglobal #footer ul li{ display:block; float:left; margin-right:20px;} img{border:0; } /* safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { * { font-weight:400; } #divglobal #content #leftcontent ul li h3 a { font-weight:400; list-style-position:inside; } #divglobal #content #maincontent .sommaire ul.ref li { float:none !important;} } /* surcharge magento */ #nav { margin-top:0; margin-left:60px;} .toplinks-bar{ margin:0 44px 0; } .search-bar{ margin:0 44px 5px; } .layout-1column{ padding:0px; padding-left:50px; padding-right:50px;} .middle { padding:0px; padding-left:50px; padding-right:50px;} .one-page-checkout .active .head, .mini-cart .head { background-color:#A50000;} /* Pager */ .pager { height:20px; font-size:11px; background:#fff url(../images/bkg_toolbar.gif) 0 100% repeat-x; padding:4px 8px; border-top:1px solid #e2e2e2; text-align:center; } .pager .amount { float:left; margin:0; } .pager .limiter { float:right; } .pager .limiter label { vertical-align:middle; } .pager .limiter select { padding:0; margin:0 0 1px; vertical-align:middle; } .pager .pages { margin:0 140px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; margin:0 2px; } .pager .pages .current {} /* Sorter */ .sorter { height:20px; font-size:11px; background:#fff url(../images/bkg_toolbar.gif) 0 100% repeat-x; padding:3px 8px; border-top:1px solid #e2e2e2; } .sorter .view-mode { float:left; margin:0; } .sorter .sort-by { float:right; padding-right:36px; } .sorter .sort-by label { vertical-align:middle; } .sorter .sort-by select { padding:0; margin:0 0 1px; vertical-align:middle; } .sorter .link-feed {} /* Toolbar */ .toolbar {} .toolbar .pager { padding:3px 8px; border-bottom:1px solid #fff; } .toolbar .sorter { border-bottom:1px solid #fff; } .toolbar-bottom {} /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(../images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(../images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(../images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(../images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(../images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(../images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(../images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(../images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(../images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */