/*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*--------------------------------------------(min-width:250px) and (max-width: 329px) -----------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ @media all and (min-width:250px) and (max-width: 329px) { /*------------------------- ----------------------*/ .article_left { display:inline-block; vertical-align:top; width:98%; height:320px; padding:4px; margin-left:10px; margin:0 auto; overflow:hidden; top:0px; z-index:10; color:#272727; } #menu_navig { font-size:12px; } #toggle_div { position:absolute; z-index:150; display:none; top:103px; left:0; padding:0px; border:none; max-height:700px; margin:0 auto; overflow:hidden; background:white; text-align:left; min-height:600px; margin: 0 auto; padding:0px; color:#789; font-size:11px; width:330px; } #toggle_div a { display:block; font-size:12px; margin:0; padding-bottom:5px; } #results { position:absolute; display:none; top:36px; left:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:11px; } #results div{ padding:10px; font-size:11px; text-align:left; color:#474747; font-weight:bold; cursor:pointer;} #results_ar { position:absolute; display:none; top:36px; right:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:13px; } #results_ar div{ padding:10px; font-size:11px; text-align:right; color:#474747; font-weight:bold; cursor:pointer; } #searchComplete { height:30px;} .bloc_titre { padding-bottom:2px; margin:0; color:#272727; font-weight:bold; font-size:13px; min-height:55px; } .obien { display:inline-block; position:relative; left:10%; color:#ff6e14; font-weight:bold; font-size:20px; text-align:center; height:55px; margin-top:15px; } .obien_ar { display:inline-block; position:relative; right:10%; color:#ff6e14; font-weight:bold; font-size:20px; text-align:center; height:55px; margin-top:15px; } .ville_div { padding:6px; font-size:11px; color:black; } .btn { font-size:12px; } .btn_head { min-width:19.9vw; } #bloc_post_right { margin-left:24%; margin-right:33px; width:65%; margin:0 auto; overflow:hidden; padding-top:8px; padding-bottom:8px; padding-right:2px; } #bloc_post_left { margin-right:24%; margin-left:33px; width:65%; margin:0 auto; overflow:hidden; padding-top:8px; padding-bottom:8px; padding-right:2px; text-align:right; } #navig_post_right { float:left; width:23%; margin-right:35px; margin:0 auto; overflow:hidden; padding:0; margin:0; position:relative; top:15%; transform: translate(0%,15%); background:#ffffff; text-align:center; } #navig_post_left { float:right; width:23%; margin-left:35px; margin:0 auto; overflow:hidden; padding:0; margin:0; position:relative; top:15%; transform: translate(0%,15%); background:#ffffff; text-align:center; } #bigger { width:100%; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } .biggerAnn { width:100%; height:170px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } img[src="loader"] { position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;} #viewer { position:relative; width:300px; height:300px; margin:0 auto; text-align:center; background:#f2f2f2; } .viewer { width:300px; height:300px; } #myCanvas { width:250px; height:250px; background:#f2f2f2; margin:0 auto; text-align:center; } #small { width:50px; height:50px; margin:0; padding:0; } #controls { margin-top:0px; width:100%; height:60px; margin:0 auto; overflow:hidden; } #thumbs li { width:50px; height:50px; } #thumbs a { width:50px; height:50px; } .prev_button { display:none; position:relative; margin-top:10px; float:left; width:20px; height:20px; margin-left:0px; } .next_button { display:none; position:relative; margin-top:10px; float:right; width:20px; height:20px; margin-right:30px; } .centre_button { margin-right:35px; margin-left:35px; overflow:hidden; margin:0 auto; text-align:center; width:290px; } .pied_categorie_min { width:99%; background:#f1f1f1; margin:0 auto; overflow:hidden; position:relative; font-size:11.5px; } /* --------------------------------------------------------------------------------------------- */ /* ------------- CARROUSSEL TACTILE ---------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- */ .main-carousel { width:95%; margin:0 auto; overflow:hidden; margin-top:0px; padding-right:6px; } .carousel-cell { width:45%; margin-top:0px; padding-bottom:0px; background-color:#f9f9f9; color:#474747; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:6px; line-height: 80%; } #big-carousel { width:20%; } #big-carousel a { font-size:11px; } /* ------------------------------------------------------------ */ .carousel-rub-cell img { width:75px; height:90px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /* --------------------------------------------------------------------------------------------- */ /* ------------- TWEET ---------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- */ #tweet_first { color:#ffffff;background:#282828; display: inline-block; vertical-align:top; width: 42%; margin:0 auto; overflow:hidden; padding:4px; margin:4px; font-size: 11px; } #tweet { color:#ffffff;background:#2b3441; display: inline-block; vertical-align:top; width: 42%; margin:0 auto; overflow:hidden; padding:8px; margin:2px; margin-bottom:0px; margin-top:0px; padding-top:0px; padding-bottom:0px; font-size: 11px; } #tweet img { margin-right: 2px;} #tweet ul { display: inline-block; vertical-align:top; margin-top: 0; width: 48%; padding-left: 2px;} #tweet a { font-size:11px; display: inline-block; text-decoration: none; color:#a8a8a8; padding:4px; margin-bottom:1px; font-weight:bold; } } /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*--------------------------------------------(min-width:330px) and (max-width: 399px) -----------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ @media all and (min-width:330px) and (max-width: 399px) { /*------------------------- ----------------------*/ .article_left { display:inline-block; vertical-align:top; width:98%; height:320px; padding:4px; margin-left:10px; margin:0 auto; overflow:hidden; top:0px; z-index:10; color:#272727; } #menu_navig { font-size:12px; } #toggle_div { position:absolute; z-index:150; display:none; top:103px; left:0; padding:0px; border:none; max-height:700px; margin:0 auto; overflow:hidden; background:white; text-align:left; min-height:600px; margin: 0 auto; padding:0px; color:#789; font-size:11px; width:400px; } #toggle_div a { display:block; font-size:12px; margin:0; padding-bottom:5px; } #results { position:absolute; display:none; top:36px; left:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:11px; } #results div{ padding:10px; font-size:11px; text-align:left; color:#474747; font-weight:bold; cursor:pointer;} #results_ar { position:absolute; display:none; top:36px; right:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:13px; } #results_ar div{ padding:10px; font-size:11px; text-align:right; color:#474747; font-weight:bold; cursor:pointer; } #searchComplete { height:30px;} .bloc_titre { padding-bottom:5px; margin:0; color:#272727; font-weight:bold; height:45px; font-size:13px; min-height:55px; } .obien { display:inline-block; position:relative; left:10%; color:#ff6e14; font-weight:bold; font-size:20px; text-align:center; height:55px; margin-top:17px; } .obien_ar { display:inline-block; position:relative; right:10%; color:#ff6e14; font-weight:bold; font-size:20px; text-align:center; height:55px; margin-top:17px; } .ville_div { padding:6px; font-size:12px; color:black; } .btn { font-size:12px; } .btn_head { min-width:19.9vw; } #bloc_post_right { margin-left:27%; margin-right:33px; width:63%; margin:0 auto; overflow:hidden; padding-top:8px; padding-bottom:8px; padding-right:2px; } #bloc_post_left { margin-right:27%; margin-left:33px; width:63%; margin:0 auto; overflow:hidden; padding-top:8px; padding-bottom:8px; padding-right:2px; text-align:right; } #navig_post_right { position:relative; float:left; width:26%; margin-right:35px; margin:0 auto; overflow:hidden; padding:0; margin:0; background:#ffffff; text-align:center; } #navig_post_left { position:relative; float:right; width:26%; margin-left:35px; margin:0 auto; overflow:hidden; padding:0; margin:0; background:#ffffff; text-align:center; } #bigger { width:100%; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } .biggerAnn { width:100%; height:175px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } img[src="loader"] { position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;} #viewer { position:relative; width:300px; height:300px; margin:0 auto; text-align:center; background:#f2f2f2; } .viewer { width:300px; height:300px; } #myCanvas { width:250px; height:250px; background:#f2f2f2; margin:0 auto; text-align:center; } #small { width:50px; height:50px; margin:0; padding:0; } #controls { margin-top:0px; width:100%; height:60px; margin:0 auto; overflow:hidden; } #thumbs li { width:50px; height:50px; } #thumbs a { width:50px; height:50px; } .prev_button { position:relative; margin-top:10px; float:left; width:20px; height:20px; margin-left:0px; } .next_button { position:relative; margin-top:10px; float:right; width:20px; height:20px; margin-right:20px; } .centre_button { margin-right:45px; margin-left:45px; overflow:hidden; margin:0 auto; text-align:center; width:300px; } .pied_categorie_min { width:99%; background:#f1f1f1; margin:0 auto; overflow:hidden; position:relative; font-size:13px; } /* --------------------------------------------------------------------------------------------- */ /* ------------- CARROUSSEL TACTILE ---------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- */ .main-carousel { width:95%; margin:0 auto; overflow:hidden; margin-top:0px; padding-right:6px; } .carousel-cell { width:45%; margin-top:0px; padding-bottom:0px; background-color:#f9f9f9; color:#474747; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:6px; line-height: 80%; } #big-carousel { width:20%; } #big-carousel a { font-size:11px; } /* ------------------------------------------------------------ */ .carousel-rub-cell img { width:100px; height:95px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /* --------------------------------------------------------------------------------------------- */ /* ------------- TWEET ---------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- */ #tweet_first { color:#ffffff;background:#282828; display: inline-block; vertical-align:top; width: 42%; margin:0 auto; overflow:hidden; padding:4px; margin:4px; font-size: 12px; } #tweet { color:#ffffff;background:#2b3441; display: inline-block; vertical-align:top; width: 42%; margin:0 auto; overflow:hidden; padding:8px; margin:2px; margin-bottom:0px; margin-top:0px; padding-top:0px; padding-bottom:0px; font-size: 13px; } #tweet img { margin-right: 2px;} #tweet ul { display: inline-block; vertical-align:top; margin-top: 0; width: 48%; padding-left: 2px;} #tweet a { font-size:11px; display: inline-block; text-decoration: none; color:#a8a8a8; padding:4px; margin-bottom:1px; font-weight:bold; } } /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*--------------------------------------------(min-width:400px) and (max-width: 499px) -----------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ @media all and (min-width:400px) and (max-width: 499px) { .article_left { display:inline-block; vertical-align:top; width:98%; height:340px; padding:4px; margin-left:10px; margin:0 auto; overflow:hidden; top:0px; z-index:10; color:#272727; } #menu_navig { font-size:12px; } #toggle_div { position:absolute; z-index:150; display:none; top:103px; left:0; padding:0px; border:none; max-height:700px; margin:0 auto; overflow:hidden; background:white; text-align:left; min-height:600px; margin: 0 auto; padding:0px; color:#789; font-size:11px; width:440px; } #toggle_div a { display:block; font-size:12px; margin:0; padding-bottom:5px; } #results { position:absolute; display:none; top:36px; left:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:11px; } #results div{ padding:10px; font-size:11px; text-align:left; color:#474747; font-weight:bold; cursor:pointer;} #results_ar { position:absolute; display:none; top:36px; right:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:13px; } #results_ar div{ padding:10px; font-size:11px; text-align:right; color:#474747; font-weight:bold; cursor:pointer; } #searchComplete { height:30px;} .bloc_titre { padding-bottom:5px; margin:0; color:#272727; font-weight:bold; height:45px; font-size:13.5px; min-height:60px; } .btn { font-size:13px; } .btn_head { min-width:19.9vw; } .obien { display:inline-block; position:relative; left:10%; color:#ff6e14; font-weight:bold; font-size:20px; text-align:center; height:55px; margin-top:13px; } .obien_ar { display:inline-block; position:relative; right:10%; color:#ff6e14; font-weight:bold; font-size:20px; text-align:center; height:55px; margin-top:13px; } .ville_div { padding:6px; font-size:12px; color:black; } #bloc_post_right { margin-left:27%; margin-right:33px; width:65%; overflow:hidden; padding-top:8px; padding-bottom:8px; padding-right:2px; } #bloc_post_left { margin-right:27%; margin-left:33px; width:65%; margin:0 auto; overflow:hidden; padding-top:8px; padding-bottom:8px; padding-right:2px; text-align:right; } #navig_post_right { position:relative; float:left; width:26%; margin-right:35px; margin:0 auto; overflow:hidden; padding:0; margin:0; background:#ffffff; text-align:center; } #navig_post_left { position:relative; float:right; width:26%; margin-left:35px; margin:0 auto; overflow:hidden; padding:0; margin:0; background:#ffffff; text-align:center; } #bigger { width:100%; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } .biggerAnn { width:100%; height:180px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } img[src="loader"] { position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;} #viewer { position:relative; width:350px; height:300px; margin:0 auto; text-align:center; background:#f2f2f2; } .viewer { position:absolute; width:350px; height:300px; } #myCanvas { width:260px; height:300px; background:#f2f2f2; } #small { width:60px; height:60px; margin:0; padding:0; } #controls { margin-top:0px; width:100%; height:70px; margin:0 auto; overflow:hidden; } #thumbs li { width:60px; height:60px; } #thumbs a { width:60px; height:60px; } .prev_button { position:relative; margin-top:15px; float:left; width:40px; height:40px; margin-left:10px; } .next_button { position:relative; margin-top:15px; float:right; width:40px; height:40px; margin-right:10px; } .centre_button { margin-right:35px; margin-left:35px; overflow:hidden; margin:0 auto; text-align:center; width:290px; } .pied_categorie_min { width:99%; background:#f1f1f1; margin:0 auto; overflow:hidden; position:relative; font-size:13px; } /* --------------------------------------------------------------------------------------------- */ /* ------------- CARROUSSEL TACTILE ---------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- */ .main-carousel { width:95%; margin:0 auto; overflow:hidden; margin-top:0px; padding-right:6px; } .carousel-cell { width:45%; margin-top:0px; padding-bottom:0px; background-color:#f9f9f9; color:#474747; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:6px; line-height: 80%; } #big-carousel { width:20%; } #big-carousel a { font-size:11px; } /* ------------------------------------------------------------ */ .carousel-rub-cell img { width:110px; height:100px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /* --------------------------------------------------------------------------------------------- */ /* ------------- TWEET ---------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- */ #tweet_first { color:#ffffff;background:#282828; display: inline-block; vertical-align:top; width: 42%; margin:0 auto; overflow:hidden; padding:4px; margin:4px; font-size: 12px; } #tweet { color:#ffffff;background:#2b3441; display: inline-block; vertical-align:top; width: 43%; margin:0 auto; overflow:hidden; padding:8px; margin:2px; margin-bottom:0px; margin-top:0px; padding-top:0px; padding-bottom:0px; font-size: 13px; } #tweet img { margin-right: 2px;} #tweet ul { display: inline-block; vertical-align:top; margin-top: 0; width: 48%; padding-left: 2px;} #tweet a { font-size:12px; display: inline-block; text-decoration: none; color:#a8a8a8; padding:4px; margin-bottom:1px; font-weight:bold; } } /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*--------------------------------------------(min-width:500px) and (max-width: 579px) -----------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ @media all and (min-width:500px) and (max-width: 579px) { /*------------------------- ----------------------*/ .article_left { display:inline-block; vertical-align:top; width:98%; height:390px; padding:4px; margin-left:10px; margin:0 auto; overflow:hidden; top:0px; z-index:10; color:#272727; } #menu_navig { font-size:13px; } #toggle_div { position:absolute; z-index:150; display:none; top:103px; left:0; padding:0px; border:none; max-height:700px; margin:0 auto; overflow:hidden; background:white; text-align:left; min-height:600px; margin: 0 auto; padding:0px; color:#789; font-size:11px; width:520px; } #toggle_div a { display:block; font-size:12px; margin:0; padding-bottom:5px; } #results { position:absolute; display:none; top:36px; left:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:11px; } #results div{ padding:10px; font-size:11px; text-align:left; color:#474747; font-weight:bold; cursor:pointer;} #results_ar { position:absolute; display:none; top:36px; right:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:13px; } #results_ar div{ padding:10px; font-size:11px; text-align:right; color:#474747; font-weight:bold; cursor:pointer; } #searchComplete { height:30px;} .btn { font-size:13px; } .btn_head { min-width:19.9vw; } .bloc_titre { padding-bottom:5px; margin:0; color:#272727; font-weight:bold; height:45px; font-size:14px; min-height:60px; } .obien { display:inline-block; position:relative; left:10%; color:#ff6e14; font-weight:bold; font-size:22px;text-align:center; height:55px; margin-top:15px; } .obien_ar { display:inline-block; position:relative; right:10%; color:#ff6e14; font-weight:bold; font-size:22px;text-align:center; height:55px; margin-top:15px; } .ville_div { padding:6px; font-size:13px; color:black; } #bloc_post_right { margin-left:24%; margin-right:33px; width:69%; margin:0 auto; overflow:hidden; padding-top:8px; padding-bottom:8px; padding-right:2px; } #bloc_post_left { margin-right:24%; margin-left:33px; width:69%; margin:0 auto; overflow:hidden; padding-top:8px; padding-bottom:8px; padding-right:2px; text-align:right; } #navig_post_right { position:relative; float:left; width:23%; margin-right:35px; margin:0 auto; overflow:hidden; padding:0; margin:0; background:#ffffff; text-align:center; } #navig_post_left { position:relative; float:right; width:23%; margin-left:35px; margin:0 auto; overflow:hidden; padding:0; margin:0; background:#ffffff; text-align:center; } #bigger { width:100%; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } .biggerAnn { width:100%; height:200px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } img[src="loader"] { position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;} #viewer { position:relative; width:350px; height:300px; margin:0 auto; text-align:center; background:#f2f2f2; } .viewer { position:absolute; width:350px; height:300px; } #myCanvas { width:300px; height:300px; background:#f2f2f2; } #small { width:70px; height:70px; margin:0; padding:0; } #controls { margin-top:0px; width:100%; height:75px; margin:0 auto; overflow:hidden; } #thumbs li { width:70px; height:70px; } #thumbs a { width:70px; height:70px; } .prev_button { position:relative; margin-top:20px; float:left; width:40px; height:40px; margin-left:10px; } .next_button { position:relative; margin-top:20px; float:right; width:40px; height:40px; margin-right:10px; } .centre_button { margin-right:35px; margin-left:35px; overflow:hidden; margin:0 auto; text-align:center; width:340px; } .pied_categorie_min { width:99%; background:#f1f1f1; margin:0 auto; overflow:hidden; position:relative; font-size:13px; } /* --------------------------------------------------------------------------------------------- */ /* ------------- CARROUSSEL TACTILE ---------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- */ .main-carousel { width:95%; margin:0 auto; overflow:hidden; margin-top:0px; padding-right:6px; } .carousel-cell { width:45%; margin-top:0px; padding-bottom:0px; background-color:#f9f9f9; border:2px solid #e2e2e2; color:#474747; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:6px; line-height: 80%; } #big-carousel { width:20%; } #big-carousel a { font-size:11px; } /* ------------------------------------------------------------ */ .carousel-rub-cell img { width:110px; height:100px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /* --------------------------------------------------------------------------------------------- */ /* ------------- TWEET ---------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- */ #tweet_first { color:#ffffff;background:#282828; display: inline-block; vertical-align:top; width: 42%; margin:0 auto; overflow:hidden; padding:4px; margin:4px; font-size: 12px; } #tweet { color:#ffffff; background:#2b3441; display: inline-block; vertical-align:top; width: 44%; margin:0 auto; overflow:hidden; padding:8px; margin:2px; margin-bottom:0px; margin-top:0px; padding-top:0px; padding-bottom:0px; font-size: 13px; } #tweet img { margin-right: 2px;} #tweet ul { display: inline-block; vertical-align:top; margin-top: 0; width: 48%; padding-left: 2px;} #tweet a { font-size:12px; display: inline-block; text-decoration: none; color:#a8a8a8; padding:4px; margin-bottom:1px; font-weight:bold; } } /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*--------------------------------------------(min-width:580px) and (max-width: 649px) -----------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ @media all and (min-width:580px) and (max-width: 649px) { /*------------------------- ----------------------*/ .article_left { display:inline-block; vertical-align:top; width:98%; height:410px; padding:4px; margin-left:10px; margin:0 auto; overflow:hidden; top:0px; z-index:10; color:#272727; } #menu_navig { font-size:13px; } #toggle_div { position:absolute; z-index:150; display:none; top:103px; left:0; padding:0px; border:none; max-height:485px; margin:0 auto; overflow:hidden; background:white; text-align:left; height:470px; margin: 0px; padding:0px; color:#789; font-size:11px; width:580px; } #toggle_div a { display:block; font-size:12px; margin:0; padding-bottom:5px; } #results { position:absolute; display:none; top:36px; left:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:11px; } #results div{ padding:10px; font-size:11px; text-align:left; color:#474747; font-weight:bold; cursor:pointer;} #results_ar { position:absolute; display:none; top:36px; right:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:13px; } #results_ar div{ padding:10px; font-size:11px; text-align:right; color:#474747; font-weight:bold; cursor:pointer; } #searchComplete { height:30px;} .btn { font-size:13px; } .btn_head { min-width:19.9vw; } .bloc_titre { padding-bottom:5px; margin:0; color:#272727; font-weight:bold; height:45px; font-size:14px; min-height:60px; } .obien { display:inline-block; position:relative; left:10%; color:#ff6e14; font-weight:bold; font-size:22px;text-align:center; height:55px; margin-top:15px; } .obien_ar { display:inline-block; position:relative; right:10%; color:#ff6e14; font-weight:bold; font-size:22px;text-align:center; height:55px; margin-top:15px; } .ville_div { padding:6px; font-size:13px; color:black; } #bloc_post_right { margin-left:24%; margin-right:33px; width:70%; margin:0 auto; overflow:hidden; padding-top:8px; padding-bottom:8px; padding-right:2px; } #bloc_post_left { margin-right:24%; margin-left:33px; width:70%; margin:0 auto; overflow:hidden; padding-top:8px; padding-bottom:8px; padding-right:2px; text-align:right; } #navig_post_right { position:relative; float:left; width:23%; margin-right:35px; margin:0 auto; overflow:hidden; padding:0; margin:0; background:#ffffff; text-align:center; } #navig_post_left { position:relative; float:right; width:23%; margin-left:35px; overflow:hidden; padding:0; margin:0; background:#ffffff; text-align:center; } #bigger { width:100%; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } .biggerAnn { width:100%; height:210px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } img[src="loader"] { position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;} #viewer { position:relative; width:350px; height:300px; margin:0 auto; text-align:center; background:#f2f2f2; } .viewer { position:absolute; width:350px; height:300px; } #myCanvas { width:300px; height:300px; background:#f2f2f2; } #small { width:80px; height:80px; margin:0; padding:0; } #controls { margin-top:0px; width:100%; height:100px; margin:0 auto; overflow:hidden; } #thumbs li { width:80px; height:80px; } #thumbs a { width:80px; height:80px; } .prev_button { position:relative; margin-top:20px; float:left; width:40px; height:40px; margin-left:10px; } .next_button { position:relative; margin-top:20px; float:right; width:40px; height:40px; margin-right:10px; } .centre_button { margin-right:35px; margin-left:35px; overflow:hidden; margin:0 auto; text-align:center; width:340px; } .pied_categorie_min { width:99%; background:#f1f1f1; margin:0 auto; overflow:hidden; position:relative; font-size:13px; } /* --------------------------------------------------------------------------------------------- */ /* ------------- CARROUSSEL TACTILE ---------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- */ .main-carousel { width:95%; margin:0 auto; overflow:hidden; margin-top:0px; padding-right:6px; } .carousel-cell { width:45%; margin-top:0px; padding-bottom:0px; background-color:#f9f9f9; color:#474747; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:6px; line-height: 80%; } #big-carousel { width:20%; } #big-carousel a { font-size:11px; } /* ------------------------------------------------------------ */ .carousel-rub-cell img { width:120px; height:100px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } /* --------------------------------------------------------------------------------------------- */ /* ------------- TWEET ---------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- */ #tweet_first { color:#ffffff;background:#282828; display: inline-block; vertical-align:top; width: 42%; margin:0 auto; overflow:hidden; padding:4px; margin:4px; font-size: 12px; } #tweet { color:#ffffff;background:#2b3441; display: inline-block; vertical-align:top; width: 44%; margin:0 auto; overflow:hidden; padding:8px; margin:2px; margin-bottom:0px; margin-top:0px; padding-top:0px; padding-bottom:0px; font-size: 13px; } #tweet img { margin-right: 2px;} #tweet ul { display: inline-block; vertical-align:top; margin-top: 0; width: 48%; padding-left: 2px;} #tweet a { font-size:12px; display: inline-block; text-decoration: none; color:#a8a8a8; padding:4px; margin-bottom:1px; font-weight:bold; } } /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*--------------------------------------------(min-width:650px) and (max-width: 849px) -----------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ @media all and (min-width:650px) and (max-width: 749px) { /*------------------------- ----------------------*/ #toggle_div { position:absolute; z-index:150; display:none; top:95px; left:10px; border:none; max-height:495px; margin:0 auto; overflow:hidden; background:white; text-align:left; height:480px; margin: 0px; padding:0px; color:#789; font-size:12px; width:720px;} #toggle_div a { display:block; font-size:12px; margin:0; padding:0; } #results { position:absolute; display:none; top:36px; left:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:11px; } #results div{ padding:10px; font-size:11px; text-align:left; color:#474747; font-weight:bold; cursor:pointer;} /* #results div:focus, #results div:hover, #results div:active{ padding:10px; background:#e8e8e8; font-size:11px; color:orange; font-weight:bold; cursor:pointer; }*/ .btn { font-size:14px; } #results_ar { position:absolute; display:none; top:36px; right:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:13px; } #results_ar div{ padding:10px; font-size:11px; text-align:right; color:#474747; font-weight:bold; cursor:pointer; } /* #results_ar div:focus, #results_ar div:hover{ padding:10px; background:#e8e8e8; text-align:right; color:orange; font-weight:bold; cursor:pointer; }*/ .result_focus { background:#e6e6e6; color:orange; } #searchComplete { height:30px;} } /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*--------------------------------------------(min-width:750px) and (max-width: 849px) -----------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ @media all and (min-width:750px) and (max-width: 849px) { /*------------------------- ----------------------*/ #toggle_div { position:absolute; z-index:150; display:none; top:95px; left:10px; border:none; max-height:495px; margin:0 auto; overflow:hidden; background:white; text-align:left; height:480px; margin: 0px; padding:0px; color:#789; font-size:12px; width:850px;} #toggle_div a { display:block; font-size:12px; margin:0; padding:0; } #results { position:absolute; display:none; top:36px; left:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:11px; } #results div{ padding:10px; font-size:11px; text-align:left; color:#474747; font-weight:bold; cursor:pointer;} /* #results div:focus, #results div:hover, #results div:active{ padding:10px; background:#e8e8e8; font-size:11px; color:orange; font-weight:bold; cursor:pointer; }*/ #results_ar { position:absolute; display:none; top:36px; right:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:13px; } #results_ar div{ padding:10px; font-size:11px; text-align:right; color:#474747; font-weight:bold; cursor:pointer; } /* #results_ar div:focus, #results_ar div:hover{ padding:10px; background:#e8e8e8; text-align:right; color:orange; font-weight:bold; cursor:pointer; }*/ .result_focus { background:#e6e6e6; color:orange; } #searchComplete { height:30px;} .btn { font-size:14px; } } /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*--------------------------------------------(min-width:850px) and (max-width: 1023px) -----------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ @media all and (min-width:850px) and (max-width: 1023px) { /*------------------------- ----------------------*/ #toggle_div { position:absolute; z-index:150; display:none; top:95px; left:0; border:none; max-height:495px; margin:0 auto; overflow:hidden; background:white; text-align:left; height:480px; padding-right: 20px; color:#789; font-size:12px; width:950px;} #toggle_div a { display:block; font-size:12px; margin:0; padding:0; } #results { position:absolute; display:none; top:36px; left:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:11px; } #results div{ padding:10px; font-size:12px; text-align:left; color:#474747; font-weight:bold; cursor:pointer;} /*#results div:focus, #results div:hover{ padding:10px; background:#e8e8e8; color:orange; font-weight:bold; cursor:pointer; }*/ #results_ar { position:absolute; display:none; top:36px; right:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:13px; } #results_ar div{ padding:10px; font-size:12px; text-align:right; color:#474747; font-weight:bold; cursor:pointer; } /*#results_ar div:focus, #results_ar div:hover{ padding:10px; background:#e8e8e8; text-align:right; color:orange; font-weight:bold; cursor:pointer; }*/ .result_focus { background:#e6e6e6; color:orange; } #searchComplete { height:30px;} .btn { font-size:14px; } } /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*--------------------------------------------(min-width:1024px) and (max-width: 1239px) -----------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ @media all and (min-width:1024px) and (max-width: 1239px) { /*----------------------------------------- --------------------------------------------------*/ #toggle_div { position:absolute; z-index:150; display:none; top:102px; left:0; max-height:385px; overflow:hidden; background:white; text-align:left; height:400px; border:none; margin: 0px; padding:0px; color:#789; font-size:12px; min-width:1024px;} #toggle_div a { display:block; font-size:12px; } #results { position:absolute; display:none; top:36px; left:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:11px; } #results div{ padding:10px; font-size:13px; text-align:left; color:#474747; font-weight:bold; cursor:pointer;} /*#results div:focus, #results div:hover, #results div:active{ padding:10px; background:#e8e8e8; color:orange; font-weight:bold; cursor:pointer; }*/ #results_ar { position:absolute; display:none; top:36px; right:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:13px; } #results_ar div{ padding:10px; font-size:13px; text-align:right; color:#474747; font-weight:bold; cursor:pointer; } /*#results_ar div:focus, #results_ar div:hover{ padding:10px; background:#e8e8e8; text-align:right; color:orange; font-weight:bold; cursor:pointer; }*/ .result_focus { background:#e6e6e6; color:orange; } .result_blur { background:white; color:#474747; } #searchComplete { height:30px;} } /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*--------------------------------------------(min-width:1240px) and (max-width: 1749px) -----------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ @media all and (min-width:1240px) and (max-width: 1749px) { /*----------------------------------------- --------------------------------------------------*/ #toggle_div { position:absolute; z-index:150; display:none; top:102px; left:0; border:none; max-height:385px; overflow:hidden; background:white; text-align:left; height:400px; margin-right: 0px; color:#789; font-size:11px; min-width:1024px;} #toggle_div a { display:block; font-size:12px; } #results { position:absolute; display:none; top:36px; left:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:11px; } #results div{ padding:10px; font-size:14px; text-align:left; color:#474747; font-weight:bold; cursor:pointer;} /* #results div:focus, #results div:hover{ padding:10px; background:#e8e8e8; color:orange; font-weight:bold; cursor:pointer; }*/ #results_ar { position:absolute; display:none; top:36px; right:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:13px; } #results_ar div{ padding:10px; font-size:14px; text-align:right; color:#474747; font-weight:bold; cursor:pointer; } /*#results_ar div:focus, #results_ar div:hover{ padding:10px; background:#e8e8e8; text-align:right; color:orange; font-weight:bold; cursor:pointer; }*/ .result_focus { background:#e6e6e6; color:orange; } #searchComplete { height:30px;} .btn { font-size:15px; } } /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*--------------------------------------------(min-width:1750px) and (max-width: 2048px) -----------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ /*------------------------------------------------------------ --------------------------------------------------------------------*/ @media all and (min-width:1750px) and (max-width: 2048px) { /*---------------------------------------- -----------------------------------------------------*/ #toggle_div { position:absolute; z-index:150; display:none; top:102px; left:0; border:none; max-height:385px; overflow:hidden; background:white; text-align:left; height:400px; margin-right: 0px; color:#789; font-size:12px; min-width:1750px;} #toggle_div a { display:block; font-size:12px; } #results { position:absolute; display:none; top:36px; left:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:11px; } #results div{ padding:10px; font-size:14px; text-align:left; color:#474747; font-weight:bold; cursor:pointer;} /*#results div:focus, #results div:hover{ padding:10px; background:#e8e8e8; color:orange; font-weight:bold; cursor:pointer; }*/ #results_ar { position:absolute; display:none; top:36px; right:0; border:1px solid #e6e6e6; background:white; min-height:30px; min-width:100%; text-align:left; border:1px solid #e6e6e6; z-index:120; color:black; font-size:13px; } #results_ar div{ padding:10px; font-size:14px; text-align:right; color:#474747; font-weight:bold; cursor:pointer; } /* #results_ar div:focus, #results_ar div:hover{ padding:10px; background:#e8e8e8; text-align:right; color:orange; font-weight:bold; cursor:pointer; }*/ .result_focus { background:#e6e6e6; color:orange; } #searchComplete { height:30px;} .btn { font-size:15px; } }