/* ----- eric meyer's css reset & clearfix */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
html, body { height: 100%; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear { display: inline-block; }
html[xmlns] .clear { display: block; }
* html .clear { height: 1%; }
/* ----- general */
body { font-family: verdana, arial, tahoma, sans-serif; font-size: 12px; }
a { color: #000; text-decoration: none; }
#bg-1 { background: url(http://www.submagazine.ca/images/bg-1.jpg) center center no-repeat; }
#bg-2 { background: url(http://www.submagazine.ca/images/bg-2.jpg) center center no-repeat; }
#bg-3 { background: url(http://www.submagazine.ca/images/bg-3.jpg) center center no-repeat; }
#bg-4 { background: url(http://www.submagazine.ca/images/bg-4.jpg) center center no-repeat; }
.clear-both { clear: both; }
#wrapper { width: 990px; margin: 0 auto; background: url(../images/container-bg.png) repeat-y; }
#container { position: relative; min-height: 300px; margin: 0 10px; padding-bottom: 5px; background: url(../images/container-bg2.jpg) repeat-x; }
#ad { position: absolute; top: 0; right: 14px; }
#header { position: relative; height: 100px; background: #fff url(../images/header-bg.jpg) bottom left no-repeat; }
#header h1 { position: absolute; top: 7px; left: 15px; width: 133px; height: 76px; background: url(../images/logo.jpg) no-repeat; }
#header h1 a { display: block; width: 100%; height: 100%; text-indent: -1000px; overflow: hidden; }
#header ul { position: absolute; bottom: 20px; right: 15px; }
#header ul li { display: inline; }
#header ul li:before { content: "|"; }
#header ul li:first-child:before { content: ""; }
#header ul li { padding-right: 5px; }
#header ul li a { padding-left: 5px; }
#nav { width: 468px; height: 58px; margin: 4px 14px 11px 14px; background: #f3f3f3 url(../images/nav-bg.jpg) repeat-x; border: 1px solid #6f6f6f; }
#nav li { position: relative; float: left; height: 58px; line-height: 58px; background: url(../images/nav-sep.jpg) top left no-repeat; z-index: 5000; }
#nav li a { display: block; padding: 0 25px; }
#nav li:first-child { background: none; }
#nav ul { display: none; width: 180px; position: absolute; top: 100%; z-index: 5000; background: #f3f3f3; }
#nav ul li { font-weight: normal; height: 33px; line-height: 33px; z-index: 5000; padding: 0; border-bottom: 1px solid #6f6f6f; float: none; text-align: left; background: none; }
#nav ul li a { text-indent: 0; font-size: 12px; font-weight: normal; height: 27px; padding: 6px 0 0 10px !important; display: block; color: #000; }
#nav ul li a:hover { background: none; font-style: italic; padding: 6px 0 0 10px; border: 0; }
#nav li:hover > ul { display: block; }
#footer { clear: both; height: 30px; margin-top: 0; font-size: 0.8em; background: url(../images/footer-bg.png) top left no-repeat; }
#footer p { padding-top: 15px; }
#footer .col-small { text-align: right; }
#footer .col-small a { padding-left: 15px; background: url(../images/dd.png) center left no-repeat; }
#footer .col-small a span { font-weight: bold; }
.buttons { height: 30px; }
.buttons li { float: left; margin-right: 5px; }
#container h2 { font-size: 1.5em; }
/* ----- content */
.col-small { float: left; width: 235px; margin: 0 10px; }
.colpad { margin: 20px 20px; }
.col-large { float: left; width: 695px; margin: 0 10px; }
.col-large2 { float: left; width: 595px; margin: 0 10px; }
.col-full { clear: both; margin: 0 10px; }
.col-small h2, .col-large h2 { margin-bottom: 0px; font-size: 1.5em; }
form div { margin: 10px 0; }
input[type="text"], input[type="password"],
select, textarea { border: 1px solid #b6b6b6; }
label { display: inline-block; width: 350px; vertical-align: top; }
input[type="text"], input[type="password"] { width: 197px; }
select { width: 200px; }
.checkbox.long label { position: relative; top: 3px; width: 600px; }
.text-center { text-align: center; }
table .w5 { width: 5%; }
table .w10 { width: 10%; }
table .w15 { width: 15%; }
table .w20 { width: 20%; }
table .w25 { width: 25%; }
table .w30 { width: 30%; }
table .w35 { width: 35%; }
table .w40 { width: 40%; }
table .w45 { width: 45%; }
table .w50 { width: 50%; }
table .w55 { width: 55%; }
table .w60 { width: 60%; }
table .w65 { width: 65%; }
table .w70 { width: 70%; }
table .w75 { width: 75%; }
table .w80 { width: 80%; }
table .w85 { width: 85%; }
table .w90 { width: 90%; }
table .w95 { width: 95%; }
#search label { width: 150px; }
#search .col1 { float: left; width: 400px; margin-left: 100px; }
#search .col2 { float: left; width: 400px; }
/* ----- home */
#home-magazine { width: 223px; height: 337px; padding: 0 6px 10px 6px; background: url(../images/home-mag-bg.jpg) no-repeat; }
#home-magazine h2 { position: relative; height: 36px; line-height: 37px; font-size: 3em; font-weight: normal; }
#home-magazine h2 span { position: absolute; bottom: 0; right: 5px; line-height: 1em; font-size: 0.4em; }
/* ----- membres */
#auth { width: 215px; height: 280px; padding: 10px; background: url(../images/sign_up_left-bg.png) no-repeat; }
#subscribe { width: 675px; height: 530px; padding: 10px; background: url(../images/sign_up_right-bg.png) top left no-repeat; }
#commander { display: block; width: 235px; height: 55px; margin-top: 2px; margin-bottom: 5px; text-indent: -1000px; background: url(../images/commander.jpg) no-repeat; overflow: hidden; }
#pub { display: block; width: 235px; height: 200px; text-align: center; padding: 10px 0 0 0;}
#pub img { border: 1px solid #c0c0c0;}
#abonnez-vous { display: block; width: 695px; height: 98px; margin-bottom: 10px; text-indent: -100000px; background: url(../images/abonnez-vous.png) no-repeat; overflow: hidden; }
#trouvez, #annoncez { float: left; display: block; width: 230px; height: 200px; background: url(../images/trouvez-annoncez.png) no-repeat; text-indent: -1000px; overflow: hidden; }
#trouvez { background-position: top left; }
#annoncez { background-position: top right; }
#news { position: relative; float: left; width: 215px; height: 180px; padding: 10px; background: url(../images/news-bg.png) no-repeat; }
#news h3 { height: 15px; }
#news h4 { margin: 2px 0; }
#news p { color: #414141; }
#news ul { position: absolute; bottom: 10px; left: 10px; }
#news ul li { float: left; width: 15px; height: 15px; margin-right: 3px; font-size: 10px; text-align: center; line-height: 14px; background: url(../images/news-pages.png) no-repeat; }
#news ul li#plus { width: 60px; background: url(../images/news-more.png) no-repeat; }
#ads_container { border: 1px solid #c0c0c0; border-top: none; }
/* ----- petites annonces */
table { width: 950px; border: 1px solid #CCCCCC; background: #fff; }
table thead td { height: 35px; text-align: center; color: #0000cb; background: #f4f4f7; }
table td { vertical-align: middle; border-bottom: 1px solid #CCCCCC; padding: 5px; }
table h2 { font-size: 1.2em; }
.ads-icon { width: 30px; }
.ads-image { width: 75px; }
.ads-desc { width: 515px; }
.ads-year { width: 90px; text-align: center; }
.ads-km { width: 90px; text-align: center; }
.ads-price { width: 140px; text-align: center; }
.ads-desc p { font-size: 1.2em; color: #2020d3; }
#ads tbody .ads-icon { vertical-align: middle !important; text-align: center; }
#ads tbody .ads-image { text-align: center; }
#ads tbody .ads-price { font-weight: bold; }
.ad { background: #fff; position: relative; padding: 8px 0 10px 0; width: 935px; height: 85px; margin: 0 auto; border-top: 1px solid #ccc; border: 1px solid #c0c0c0; }
.ad:hover { background: #f5f5f5; }
.ad .more { position: absolute; display: block; width: 550px; height: 105px; text-indent: -1000px; overflow: hidden; }
.ad .category { margin: 0 !important; color: gray; }
.ad .image { position: relative; float: left; width: 100px; height: 100px; }
.ad .image img { display: block; margin: 0 auto; }
.ad .image span { position: absolute; bottom: 0; display: block; width: 100%; text-align: center; font-size: 0.7em; }
.ad .description { position: relative; float: left; width: 635px; height: 105px; }
.ad .description h2 { margin: 0; }
.ad .description h2 a { color: #CB2020; font-size: 1.5em; font-family: 'trebuchet', 'Trebuchet MS', georgia, arial; }
.ad .description p { margin: 0 !important; line-height: 1.2em; }
.ad .description ul { position: absolute; bottom: 0; display: inline; margin: 0 !important; padding: 0 !important; list-style-type: none !important; font-size: 0.8em; }
.ad .description ul li { display: inline; margin: 0 10px 0 0; padding: 0; width: 25%; }
.ad .description ul li img { width: 10px; height: 10px; }
.ad .details { float: left; width: 100px; text-align: center; }
.ad .details .button { display: block; margin: 0 5px; line-height: 1em; margin-bottom: 5px; }
.ad .details .store { display: block; width: 110px; height: 55px; }
.ad .details .store img { width: 80%; height: 80%; }
.details .content { margin: 15px; }
.description ul { list-style-type: disc; margin-left: 15px; }
/* ----- page-ipp */
#page-ipp { position: relative; margin: 10px 0; height: 50px; }
#page-ipp .dropdown { position: absolute; top: 0; right: 0; }
#page-ipp .pagination { position: absolute; top: 0; left: 0; margin: 0; }
/* ----- Boutons */
.button { padding: 3px 12px; text-align: center; line-height: 22px; background: #fff; border: 1px solid #bbb; text-decoration: none; color: #323232; }
.button:hover { background-position: bottom; border: 1px solid #0b4696; text-decoration: none; color: #0b4696; }
.button.current, .button:hover.current { font-weight: bold; background-position: top; color: #323232; border: 1px solid #bbb; }
/* -----#slideshow */
#slideshowbg { width: 681px; height: 297px; padding: 6px 7px 0 7px; background: url(../images/slideshow-bg.jpg) top left no-repeat; }
#slideshow { width: 681px; height: 297px;}
#nav-slideshow { position: absolute; top: 85px; left: 280px; z-index: 3000; }
#nav-slideshow a { display: block; width: 15px; height: 15px; margin-bottom: 3px; font-size: 10px; text-align: center; line-height: 14px; background: url(../images/news-pages.png) no-repeat; }
/* ----- Detail */
#content .box h2 { height: 33px; color: #444444; line-height: 35px; text-indent: 10px; background: url(http://www.soldesetc.com/test/images/details_h2.png) no-repeat; }
#content .box .content { padding: 10px 10px 0 10px; border: 1px solid #cccccc; }
.details { background: #fff; border: 1px solid #d2d2d2; padding-bottom: 10px; }
.details h2 { margin-bottom: 10px; padding: 5px; border-bottom: 1px solid #d2d2d2; background: #e8e8e8; }
.details .image { float: left; width: 408px; height: 270px; text-align: center; line-height: 270px; }
.details .aside { position: relative; float: left; width: 500px; }
.details .aside ul { margin-bottom: 10px; }
.details .aside #share { position: absolute; bottom: 0; }
.details .description { padding: 0 20px; clear: both; font-size: 1.4em; line-height: 1.2em; }
.details .category { color: gray; }
.details form div { margin: 0 0 10px 0; }
.details form textarea { font-family: verdana, arial, tahoma, sans-serif; font-size: 12px; }
.captcha img { vertical-align: middle; }
.details .aside form p { margin-bottom: 19px; }
.box { position: relative; height: 100px; background: #fff; border: 1px solid #d2d2d2; }
.box .image { position: absolute; top: 20px; left: 20px; width: 110px; font-size: 1.3em; }
.box .name { position: absolute; top: 20px; left: 150px; width: 150px; font-size: 1.3em; }
.box .address { position: absolute; top: 20px; left: 300px; width: 200px; font-size: 1.1em; }
.box .phone { position: absolute; top: 20px; left: 500px; width: 150px; font-size: 1.3em; }
.box .media { position: absolute; top: 15px; right: 20px; width: 200px; }
.box .media a { line-height: 25px; }
.w50 { width: 50%; }
.w50 label { width: 100%; }
.left {float: left;}
/* ----- aside */
#aside { display: inline; float: left; width: 195px; margin: 0 0 15px 15px; }
#aside .box { width: 195px; margin-bottom: 15px; padding-bottom: 9px; background: url(http://www.soldesetc.com/test/images/box-bottom.jpg) bottom no-repeat; }
#aside .box h3 { height: 20px; line-height: 20px; text-align: center; font-size: 1em; font-weight: bold; color: #ffffff; background: url(http://www.soldesetc.com/test/images/box-h2.jpg) no-repeat; }
#aside .box .content { padding: 9px 5px 0 5px; background: url(http://www.soldesetc.com/test/images/box-bg.jpg) repeat-y; }
/*math*/
/*-------------------------------------*/
#abonnez-vous { display: block; width: 695px; height: 98px; margin: 5px 0 10px 0; text-indent: -100000px; background: url(../images/abonnez-vous.png) no-repeat; overflow: hidden; }
#news { position: relative; float: left; width: 215px; height: 180px; padding: 10px; background: url(../images/news-bg.png) no-repeat; }
#news h3 { height: 18px; }
#news h4 { margin: 2px 0; font-weight: bold; }
#news p { color: #414141; }
#nav-news { position: absolute; bottom: 10px; left: 80px; z-index: 200; }
#nav-news a { float: left; width: 15px; height: 15px; margin-right: 3px; font-size: 10px; text-align: center; line-height: 14px; background: url(../images/news-pages.png) no-repeat; }
#plus { position: absolute; z-index: 200; bottom: 10px; left: 10px; display: block; text-align: center; line-height: 13px; width: 60px; height: 15px; background: url(../images/news-more.png) no-repeat; font-size: 10px; }
#nav-news .activeSlide, #nav-slideshow .activeSlide { font-weight: bold; color:#0b4696;}
#ads_container { border: 1px solid #c0c0c0; border-top: none; }
.h2-style-1 { font-weight: bold; font-size: 18px; }
.h2-style-1 span { color: #0a4595 }
#news-list { margin: 20px 0 0 0; }
#news-list h3 { font-weight: bold; margin: 0 0 10px 0; }
#news-list h3 span { font-weight: normal; font-style: italic; }
#news-list img { margin: 0 0 10px 0; }
#news-list .news { width: 430px; float: left; margin: 0 10px 20px 10px; text-align: justify; }
#buttons-list li { margin: 0 0 5px 0; }
#magazine-content { width: 681px; padding: 16px 7px; }
#magazine-content p { padding: 0 10px; text-align: justify }
#abonnement-list { margin: 20px 40px 0 40px; }
#paypal { margin: 0 0 30px 150px; }
#ab { margin: 0 0 20px 0; }
#ou { margin: 0 0 0 100px; }
#six { margin: 0 0 10px 0; }
#twelve { margin: 10px 0 0 0; }
/*-------------------------------------*/