html{
margin:0;padding:0;
background:url(/img/design/bg_auto.png) repeat top left;
}
body{
margin:0;padding:0;
font:62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size:15px;
color:#767a83;
}
table,td,th{
font:62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size:15px;
}
h1,h2,h3,h4,h5{
font-family: 'Trebuchet MS', Verdana, Sans-Serif;
}
h1,h2,h3,h4,h5,ul,li,p,form,div,fieldset,legend,table{
margin:0;padding:0;
}
a{
color:#000;
text-decoration:none;
}
img{
border:0;
}
hr{
height:1px;
background:#306e9f;
color:#306e9f;
border:0;
}
/**************/
#page{
margin:auto;
width:990px;
}
#header{
width:990px;
height:179px;
background:url(/img/design/header_auto.png) no-repeat top left;
}
#logo{
position:absolute;
width:990px;
height:100px;
cursor:pointer;
margin-left:0;
}
#logo a{
display:none;
}
#login{
position:absolute;
height:33px;
width:320px;
margin-left:685px;
padding-top:4px;
}
#login .in{
margin:0;padding:0;
background:#FFF;
width:129px;
margin-right:4px;
}
#login .submit{
width:26px;
height:19px;
background:url(/img/ok.png) no-repeat top left;
border:0;
}

#anim{
height:58px;
width:128px;
padding:39px 0 0 777px;
}

#menu{
position:absolute;
margin:150px 0 0 0;
height:29px;
width:990px;
background:url(/img/design/menu_auto.png) repeat top left;
}

#menu div{
float:left;
font-weight:bold;
height:29px;
line-height:29px;
}

#menu a{
font-size:15px;
padding:0 14px;
color:#FFF;
}
#menu a:hover{
color:#000;
}
#menu .bar{
background:url(/img/design/menu_li_auto.png) no-repeat top right;
}
/*****************/
#footer{
clear:both;
height:100px;
background:#FFF;
color:#CCC;
font-size:10px;
margin:auto;
width:990px;
}
#footer a{
color:#CCC;
}
#footer a:hover{
color:#333;
}
#footer .bg{
height:100px;
}
#footer .copy{
margin:auto;
width:970px;
text-align:right;
padding:75px 20px 0 0;
}
/*****************/
#container{
background:#FFF;
width:990px;
height:auto;
}
/*****************/
#sidebar{
float:right;
width:204px;
background: #FFF;
}
#sidebar .block{
background: url(/img/design/sidebar_content.png) repeat-y top center;
width:160px;
margin:0 22px 10px 22px;
}
#sidebar .content{
background: url(/img/design/sidebar_header.png) no-repeat top center;
}
#sidebar h3{
width:100%;
height:31px;
text-align:center;
font-size:15px;
font-weight:normal;
line-height:31px;
color:#FFF;
}
#sidebar h4{
font-size:12px;
font-weight:bold;
}
#sidebar .container{
background: url(/img/design/sidebar_footer.png) no-repeat bottom center;
}
#sidebar .txt{
font-size:12px;
padding:5px 8px 20px 8px;
min-height:174px;
text-align:justify;
}
#sidebar td,#sidebar th{
padding-top:5px;
}
#sidebar td{
font-size:12px;
}
#sidebar th{
font-size:12px;
text-align:left;
}
/*****************/
#content{
float:right;
width:730px;
padding: 0 28px;
background: #FFF;
}
#content h1{
font-size:22px;
color:#222;
border-bottom:1px solid #222;
margin-bottom:10px;
}
#content h2{
font-size:22px;
color:#222;
border-bottom:1px solid #222;
margin-bottom:10px;
}
#content h4{
font-size:14px;
color:#222;
border-bottom:1px solid #222;
margin-bottom:5px;
}
#content .box{
width:301px;
/*	padding: 0 28px;*/
}
#content .box .titre{
height:74px;
font-size:18px;
font-weight:normal;
line-height:72px;
color:#FFF;
padding-left:80px;
text-align:left;
}
#content .box .titre a{
color:#FFF;
}
#content .box .bleu{
background: url(/img/design/box.png) no-repeat top center;
padding-left:0;
}
#content .box .orange{
background: url(/img/design/box_orange.png) no-repeat top center;
padding-left:0;
}
#content .box .avantage{
background: url(/img/design/box_avantage.png) no-repeat top center;
}
#content .box .inconvenient{
background: url(/img/design/box_inconvenient.png) no-repeat top center;
}
#content .box .gain{
background: url(/img/design/box_gain.png) no-repeat top center;
}
#content .box .perte{
background: url(/img/design/box_perte.png) no-repeat top center;
}
#content .box .content{
background: url(/img/design/box_content.png) repeat-y top center;
padding:0 15px 0 25px;
text-align:left;
font-size:11px;
}
#content .box .footer{
height:32px;
background: url(/img/design/box_footer.png) no-repeat bottom center;
text-align:center;
font-size:11px;
line-height:32px;
font-weight:bold;
}

#content .box ul,#content ul{
margin-left:10px;
}

#content .box td{
font-size:11px;
}

#content .box .inscription{
padding-left:59px;
margin-left:21px;
background: url(/img/ico/kuser_32.png) no-repeat center left;
}
#content .box .compte{
padding-left:59px;
margin-left:21px;
background: url(/img/ico/folder_home_32.png) no-repeat center left;
}
#content .box .dernier_conseil{
padding-left:59px;
margin-left:21px;
background: url(/img/ico/date_32.png) no-repeat center left;
}
#content .box .meilleur_conseil{
padding-left:59px;
margin-left:21px;
background: url(/img/ico/package_favourite_32.png) no-repeat center left;
}
#content .box .video_incontournable{
padding-left:59px;
margin-left:21px;
background: url(/img/ico/cam_32.png) no-repeat center left;
}
#content .box .passe{
padding-left:59px;
margin-left:21px;
background: url(/img/ico/lock_32.png) no-repeat center left;
}
#content .box .conseil{
padding-left:59px;
margin-left:21px;
background: url(/img/ico/sharemanager_32.png) no-repeat center left;
}
#content .box .use{
padding-left:59px;
margin-left:21px;
background: url(/img/ico/clean_32.png) no-repeat center left;
}

#content .box .conseil_hasard{
padding-left:59px;
margin-left:21px;
background: url(/img/ico/softwareD_32.png) no-repeat center left;
}

#content .boxbig{
width:730px;
}
#content .boxbig .titre{
height:74px;
font-size:18px;
font-weight:normal;
line-height:72px;
color:#FFF;
padding-left:80px;
text-align:left;
}
#content .boxbig .bleu{
background: url(/img/design/boxbig.png) no-repeat top center;
padding-left:0;
}
#content .boxbig .orange{
background: url(/img/design/boxbig_orange.png) no-repeat top center;
padding-left:0;
}
#content .boxbig .avantage{
background: url(/img/boxbig_avantage.png) no-repeat top center;
}
#content .boxbig .content{
background: url(/img/design/boxbig_content.png) repeat-y top center;
padding:0 15px 0 25px;
text-align:left;
}
#content .boxbig .footer{
height:32px;
background: url(/img/design/boxbig_footer.png) no-repeat bottom center;
}

#content .boxbig .contact{
padding-left:59px;
margin-left:21px;
background: url(/img/ico/mail_32.png) no-repeat center left;
}
#content .boxbig .comment{
padding-left:59px;
margin-left:21px;
background: url(/img/ico/messenger_32.png) no-repeat center left;
}
#content .boxbig .insert{
padding-left:59px;
margin-left:21px;
background: url(/img/ico/edit_add_32.png) no-repeat center left;
}

#content .tbl_form{
width:100%;
}

#content .tbl_form th{
text-align:right;
font-size:11px;
}
#content .info{
font-size:10px;
color:#f39a00;
}
#content .add_insert{
background: url(/img/ico/edit_add_16.png) no-repeat center left;
padding-left:20px;
line-height:20px;
cursor:pointer;
font-size:11px;
margin-left:10px;
color:#000;
}
#content .tbl_add_insert{
width:100%;
}
#content .tbl_add_insert th,#content .tbl_add_insert td{
font-size:11px;
}

#content .tbl{
width:100%;
}

#content .tbl th{
text-align:left;
font-weight:bold;
border-bottom:1px solid #BBB;
color:#000;
}
#content .link{
font-size:10px;
color:#000;
}
#content .link .l1{
color:#008000;
}
#content .link .l2{
color:#008000;
}

.deconnexion{
background: url(/img/ico/exit_16.png) no-repeat center left;
padding-left:20px;
line-height:20px;
cursor:pointer;
font-size:11px;
margin-left:10px;
}

.suppression{
background: url(/img/ico/stop_16.png) no-repeat center left;
padding-left:20px;
line-height:20px;
cursor:pointer;
font-size:11px;
margin-left:10px;
}

.update_passe{
background: url(/img/ico/lock_16.png) no-repeat center left;
padding-left:20px;
line-height:20px;
cursor:pointer;
font-size:11px;
margin-left:10px;
}

.energie{
padding-bottom:10px;
}

#comment table{
border-bottom:1px solid #E2E2E2;
}

#comment .auteur{
font-weight:bold;
}

#comment .date{
background: url(/img/ico/time.png) no-repeat center left;
padding-left:20px;
line-height:20px;
font-size:11px;
float:left;
margin-right:15px;
}

#comment .note{
background: url(/img/star.png) no-repeat center left;
padding-left:20px;
line-height:20px;
font-size:11px;
float:left;
margin-right:15px;
}

#comment .utilisation{
background: url(/img/use.png) no-repeat center left;
padding-left:20px;
line-height:20px;
font-size:11px;
float:left;
margin-right:15px;
}

#comment .comment_content{
padding-left:50px;
}

#comment .comment{
margin-bottom:20px;
font-size:11px;
}

#msg_warning{
display:block;
background:#FFF0AA;
margin:5px 5px 10px 5px;
padding:5px 10px;
border:1px solid #EFBC00;
color:#000;
}
#msg_warning div{
background:url(/img/ico/error_32.png) no-repeat center left;
padding:10px 10px 10px 40px;
}

#msg_error{
display:block;
background:#FFBDAB;
margin:5px 5px 10px 5px;
padding:5px 10px;
border:1px solid #F02800;
color:#000;
}
#msg_error div{
background:url(/img/ico/editdelete_32.png) no-repeat center left;
padding:10px 10px 10px 40px;
}

#msg_ok{
display:block;
background:#BEEEBC;
margin:5px 5px 10px 5px;
padding:5px 10px;
border:1px solid #42BF31;
color:#000;
}
#msg_ok div{
background:url(/img/ico/clean_32.png) no-repeat center left;
padding:10px 10px 10px 40px;
}

.star-rating{
list-style:none;
margin: 0px;
padding:0px;
width: 125px;
height: 25px;
position: relative;
background: url(/img/star.png) top left repeat-x;
}
.star-rating li{
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.star-rating li a{
display:block;
width:25px;
height: 25px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.star-rating li a:hover{
background: url(/img/star.png) left bottom;
z-index: 2;
left: 0px;
}
.star-rating a.star_1{
left: 0px;
}
.star-rating a.star_1:hover{
width:25px;
}
.star-rating a.star_2{
left:25px;
}
.star-rating a.star_2:hover{
width: 50px;
}
.star-rating a.star_3{
left: 50px;
}
.star-rating a.star_3:hover{
width: 75px;
}
.star-rating a.star_4{
left: 75px;
}
.star-rating a.star_4:hover{
width: 100px;
}
.star-rating a.star_5{
left: 100px;
}
.star-rating a.star_5:hover{
width: 125px;
}
.star-rating li.current-rating{
background: url(/img/star.png) left center;
position: absolute;
left:0;
height: 25px;
display: block;
text-indent: -9000px;
z-index: 1;
}

/****************************/

.use-rating{
list-style:none;
margin: 0px;
padding:0px;
width: 125px;
height: 25px;
position: relative;
background: url(/img/use.png) top left repeat-x;
}
.use-rating li{
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.use-rating li a{
display:block;
width:25px;
height: 25px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.use-rating li a:hover{
background: url(/img/use.png) left bottom;
z-index: 2;
left: 0px;
}
.use-rating a.use_1{
left: 0px;
}
.use-rating a.use_1:hover{
width:25px;
}
.use-rating a.use_2{
left:25px;
}
.use-rating a.use_2:hover{
width: 50px;
}
.use-rating a.use_3{
left: 50px;
}
.use-rating a.use_3:hover{
width: 75px;
}
.use-rating a.use_4{
left: 75px;
}
.use-rating a.use_4:hover{
width: 100px;
}
.use-rating a.use_5{
left: 100px;
}
.use-rating a.use_5:hover{
width: 125px;
}
.use-rating li.current-rating{
background: url(/img/use.png) left center;
position: absolute;
left:0;
height: 25px;
display: block;
text-indent: -9000px;
z-index: 1;
}
.tr_omover{
background:#EFEFEF;
}
.tr_omout{
background:none;
}
.img_index{
text-align:center;
float:left;
width:160px;
height:150px;
background:#EFEFEF;
margin:5px;
border:1px solid #CCC;
font-size:9px;
}