@import "reset.css";
@import "type.css";
@import "pattern.css";
@import "all.css";

/*
10px = .84em
11px = .92em
12px = 1em
13px = 1.08em
14px = 1.17em
16px = 1.33em
18px = 1.50em
20px = 1.67em
22px = 1.83em
*/
/*
.block {

         1. position, z-index
         2. float, clear
         3. width, height, padding, margin
         4. background, border
         5. text-align, list-style
         6. font
         7. color

      } 

*/

html, body {height:100%; width:100%;}

.t-layout {height:100%;}
.t-layout .lr {width:50%;}
.t-layout .container {width:960px; padding:22px 18px 0; vertical-align:middle;}

.b-logo {float:left; padding:0 0 0 5px;}

.b-rechercher {float:right; padding:3px 0 0;}
.i-rechrcher {position:relative; top:5px; left:4px;}
.i-rech-text {width:317px; padding:2px; border:solid 1px #d4d0c8; font-size:14px;}

.t-main .left-col {width:730px; padding:0 23px 0 0;}
.t-main .right-col {}

.b-head {position:relative; height:217px; padding-left:324px; background:url(../images/bg/bg-head.jpg) no-repeat;}
.b-head p {font-size:10px; text-align:justify; color:#8a8a8a;}
.b-head h2 {font-weight:normal; margin:0 0 9px; font-size:14px; color:#1c55cd;}
.b-head .a-suggerer {position:absolute; bottom:6px; right:0; display:block; width:137px; height:27px; background:url(../images/bg/bg-suggerer.gif) no-repeat; line-height:27px; text-align:center; text-decoration:none; font-size:14px; color:#1e5ad9;}

.b-menu {margin:0 0 23px; height:27px;}
.b-menu * {float:left;}

.b-pager-listing-t {margin:0 0 30px;}
.b-pager-listing-b {margin:25px 0 0;}
.b-pager-listing {font-size:18px; color:#000;}
.b-pager-listing a {}
.b-pager-listing a.first {padding-right:10px; color:#5d9ced;}
.b-pager-listing a.last {padding-left:10px; color:#5d9ced;}
.b-pager-listing a:hover {text-decoration:none;}

.t-content {width:100%;}
.t-content .left {width:143px; padding:0 10px 0 3px;}
.t-content .right {padding:15px 20px; background-color:#e6f0fc;}

.b-google-rest {margin:10px 0 38px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px;}
.b-google-rest .b-item {margin:0 0 12px;}
.b-google-rest a {font-weight:bold; color:#1e5ad9;}
.b-google-rest .url {padding:2px 0 0; font-size:10px;}
.b-google-rest .url a {text-decoration:none; font-weight:normal; color:#5d9ced;}
.b-google-rest .url a:hover {text-decoration:underline;}

.b-nav {}

.b-categories {margin:0 0 15px; font-size:12px; font-weight:bold; color:#8a8a8a;}
.b-categories li {margin:0 0 2px;}
.b-categories li a {color:#8a8a8a;}
.b-categories li a:hover {text-decoration:none;}
.b-categories li span {color:#1e5ad9;}

.b-top-recherches {margin:0 0 15px; font-size:11px; color:#8a8a8a;}
.b-top-recherches li {padding:0 0 2px 0;}
.b-top-recherches li a {color:#8a8a8a;}
.b-top-recherches li a:hover {text-decoration:none;}

.b-footer {width:923px;margin:35px 0 14px;}
.b-copy {float:right; text-align:right; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color:#9a9b9b;}

.b-paroles li {padding:0 0 16px; font-size:11px; color:#8a8a8a;float:left;}
.b-paroles li span, .b-paroles li a {font-size:14px; font-weight:bold;}
.b-paroles li span {display:block; float:left; margin:0 5px 0 0; color:#5d9ced;}
.b-paroles li em.b-left-block {float:left; width:250px; font-style:normal;}

.b-desc-listing {font-size:11px; padding:0 2px; color:#8a8a8a;}
.b-desc-listing .b-item {padding:8px 0; border-bottom:solid 1px #d0e0f8; font-size:11px;}
.b-desc-listing .b-item a:hover {text-decoration:none;}
.b-desc-listing .b-item .item-desc {font-weight:bold; color:#5d9ced;}

.b-form-submit {padding:15px 0 30px;}
.b-form-submit label {display:block; margin:5px 0 0; font-size:13px;}
.b-form-submit input.text {width:240px; font-size:14px;}
.b-form-submit select {width:248px;}
.b-form-submit td {padding:0 4px 4px 0;}
.b-form-submit .t-form input.text {width:114px;}
.b-form-submit .i-submit {margin:5px 0; padding:2px 8px; overflow:visible; border-top:solid 1px #c5c4c4; border-left:solid 1px #c5c4c4; border-right:solid 1px #404040;  border-bottom:solid 1px #404040; background-color:#d4d0c8;}


.t-scren-list {}
.t-scren-list .raiting {padding:0 0 0 25px; vertical-align:middle;}
.b-screen-desc {padding:0 8px 0 0;}
.b-screen-desc img {border:solid 3px #bbbaba;}
.b-raiting-star {padding:20px 0 8px; line-height:24px; vertical-align:middle;}
.b-raiting-star * {float:left;}
.b-raiting-star img {border:none;}
.b-raiting-desc {margin:0 0 0 7px;}
.b-raiting-desc strong {color:#1e5ad9; float:none;}
.b-raiting-bar {padding:0 0 110px 14px;}
.b-raiting-bar p {margin:0 0 18px;}
.b-raiting-bar p.bar img {margin:0 10px;}

.error {color:#FF0000; padding: 3px 0 3px 0;}