/* @override http://mdu0717.babylone/css/page_w20.css http://lostinfrancelation.maisondelafrance.info/css/page_w20.css */ /* @group general */ * { margin: 0; padding: 0; } body, table, td { font: 13px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif; color: #000;} body { background-color: #ffe68f; padding: 0; margin: 0; } body.popup { background: white; } h1 { font-weight: normal; font-size: 20px; text-transform: uppercase; color: red; /*clear: both;*/ } h2 { font-weight: normal; font-size: 16px; } h3 { font-weight: normal; font-size: 14px; } h4 { font-weight: normal; font-size: 13px; } a { color: red; } a:visited { color: red; } a:hover { color: red; } a img { text-decoration: none; border: none; } table { border-collapse: collapse; } td { vertical-align: top; } hr { border: none; } th { text-align: left; font-weight: bold; vertical-align: top;} input[type='checkbox'] { margin-right: 4px; } input[type='radio'] { margin-right: 4px; } li { list-style-type: none; } fieldset { border: none; margin-top: 20px; } /* @end */ #page { width: 780px; float: left; background-color: white; display: inline; } #search form { left: 550px; position: absolute; top: 5px; } /* @group Evaluation */ .evaluation { background: url(/images/ico_etoiles.gif) repeat-x; width: 160px; height: 30px; margin: 10px 0 0 0; position: relative; } .evaluation .resultat { background: url(/images/ico_etoiles.gif) 0 -30px; height: 30px; position: absolute; left: 0; top: 0; z-index: 10; } .evaluation .etoiles { width: 24px; height: 32px; position: absolute; top: 0; left: 0; z-index: 20; /* background: url(/images/transparent.gif) repeat; */} .evaluation a.cinq { width: 160px; height: 32px; z-index: 30; /* margin-top: 0px; */ } .evaluation a.cinq:hover { background: url(/images/ico_etoiles.gif) repeat-x 0 -61px; } .evaluation a.quatre { width: 128px; height: 32px; z-index: 40; /* margin-top: 0px; */ } .evaluation a.quatre:hover { background: url(/images/ico_etoiles.gif) repeat-x 0 -61px; } .evaluation a.trois { width: 96px; height: 32px; z-index: 50; /* margin-top: 0px; */ } .evaluation a.trois:hover { background: url(/images/ico_etoiles.gif) repeat-x 0 -61px; } .evaluation a.deux { width: 64px; height: 32px; z-index: 60; /* margin-top: 0px; */ } .evaluation a.deux:hover { background: url(/images/ico_etoiles.gif) repeat-x 0 -61px; } .evaluation a.un { width: 32px; height: 32px; z-index: 70; /* margin-top: 0px; */ } .evaluation a.un:hover { background: url(/images/ico_etoiles.gif) repeat-x 0 -61px; } #erreur_vote { position: absolute; top: 7px; left: 169px; right: -200px; color: #506a8e; font-weight: bold; } #eval_stats { color: #999; font-size: 11px; } /*.statistiques { position: relative; clear: both; } .evaluation { background: url(/images/icones/etoiles.gif) repeat-x; width: 120px; height: 20px; margin: 2px 0; position: relative; } .evaluation .resultat { background: url(/images/icones/etoiles.gif) repeat-x 0 -20px; height: 16px; position: absolute; z-index: 10; } .evaluation .etoiles { width: 24px; height: 20px; position: absolute; top: 0; left: 0; z-index: 20; background: url(/images/background/transparent.gif) repeat; } .evaluation a.cinq { width: 120px; height: 20px; z-index: 30; } .evaluation a.cinq:hover { background: url(/images/icones/etoiles.gif) repeat-x 0 -40px; } .evaluation a.quatre { width: 96px; height: 20px; z-index: 40; } .evaluation a.quatre:hover { background: url(/images/icones/etoiles.gif) repeat-x 0 -40px; } .evaluation a.trois { width: 72px; height: 20px; z-index: 50; } .evaluation a.trois:hover { background: url(/images/icones/etoiles.gif) repeat-x 0 -40px; } .evaluation a.deux { width: 48px; height: 20px; z-index: 60; } .evaluation a.deux:hover { background: url(/images/icones/etoiles.gif) repeat-x 0 -40px; } .evaluation a.un { width: 24px; height: 20px; z-index: 70; } .evaluation a.un:hover { background: url(/images/icones/etoiles.gif) repeat-x 0 -40px; } */ /* @end */ /* @group Icones bt et ti */ .ti { padding: 7px 32px; height: 20px; } * html .ti { height: 30px; } .tibt { display: block; float: left; margin-top: 10px; display: inline; } .main_bt { margin-top: 10px; } .main_bt .impair { width: 150px; } .ti_files { background: url(../images/ico_files.gif) no-repeat; } .ti_previous { background: url(../images/ico_previouswanderings.gif) no-repeat; } .ti_comments { background: white url(../images/ico_comments2.gif) no-repeat; } h1.ti_comments { background: white url(../images/ico_comments.gif) no-repeat; } .ti_comments_2 { background: white url(../images/ico_comments_2.gif) no-repeat; height: 60px; } .ti_picks { background: url(../images/ico_picks.gif) no-repeat; } .ti_tips { background: url(../images/ico_tips.gif) no-repeat; } .ti_sendtoafriend { background: white url(../images/ico_sendtoafriend2.gif) no-repeat; } .ti_seemore { background: white url(../images/ico_more.gif) no-repeat; } .ti_add { background: white url(../images/ico_add.gif) no-repeat; } .ti_bio { background: white url(../images/ico_bio2.gif) no-repeat; } .ti_bio_men { background: white url(../images/ico_bio_men2.gif) no-repeat; } .ti_podcast { background: white url(../images/ico_podcast2.gif) no-repeat; } .bt { display: block; width: 10; height: 17px; float: left; cursor: pointer; cursor: hand; display: inline; } .bt_next { background: url(../images/bt_next.gif) no-repeat; margin-top: 40px; } .bt_previous { background: url(../images/bt_previous.gif) no-repeat; margin-top: 40px; } /* @end */ #main { float: left; display: inline; } .head { background: #7bc6ff url(/images/head_title.jpg) no-repeat; width: 780px; height: 117px; } .head .homelink { width: 300px; height: 110px; display: block; } .date { color: #999; font-size: 11px; line-height: 14px; } .mainmovie { background: #9ecef5 url(../images/head_mainvid.jpg) no-repeat; float: left; width: 740px; padding: 0px 20px 20px 20px; clear: both; font-size: 13px; color: #433d3d; display: inline; } * html .mainmovie { width: 780px; } .mainmovie h1 { margin-top: 12px; color: red; } .mainmovie a { margin-top: 0px; color: red; } .mainmovie { background: #9ecef5 url(../images/head_mainvid.jpg) no-repeat; float: left; width: 730px; padding: 0px 20px 20px 20px; clear: both; font-size: 13px; color: #433d3d; display: inline; } * html .mainmovie { width: 770px; } .bouton_play { background: url(/images/ico_play.png) no-repeat; width: 70px; height: 70px; position: absolute; top: 172px; left: 120px; } .mainmovie h1 { margin-top: 12px; color: red; } .mainmovie a { margin-top: 0px; color: #F79F23; font-weight:bold;} .mainmovie .movie { float: left; margin: 25px 26px; margin-right: 20px; display: inline;} .mainmovie_data { float: left; width: 350px; margin-top: 21px; display: inline;} #main #section_edito { background: url(../images/bgd_section_edito.gif) repeat-x; float: left; width: 780px; display: inline; } #main #section_edito h1 { margin-bottom: 10px; } .francelatorsfiles { float: left; width: 700px; _width: 780px; margin: 0; /*background: url(../images/bgd_head_section_edito.png) no-repeat;*/ background:#c0def8; padding: 10px 40px 0 40px; display: inline;} .francelatorstipsnpicks { float: left; width: 700px; margin: 0; /*background: #b1d7fa url(../images/bgd_section_picksntips.gif) repeat-x;*/background:#c0def8; padding: 0 40px 10px 40px; display: inline;} * html .francelatorstipsnpicks { width: 780px; } #section_previouswanderings { float: left; width: 700px; /*margin: 5px 0;*/ background: #fc9c32 url(../images/bgd_section_previouswanderi.gif) repeat-x; padding: 10px 40px; display: inline; } * html #section_previouswanderings { width: 780px; } .previouswanderings_container { float: left; display: inline; color: black; } .relatedmovies { float: left; width: 700px; margin: 0 0px 0px 30px; background: url(../images/bgd_head_section_edito.png) no-repeat; padding: 10px 0px 10px 40px; display: inline; } *html .relatedmovie { width: 730px; } .relatedmovie_container { width: 213px; height: 210px; float: left; margin-right: 20px; display: inline;} /*.relatedmovie_container img { border: 5px solid white; background: #fff; padding: 5px; }*/ .relatedmovie_container .last { margin-right: 0px; } .relatedmovie_container .data { font-weight: bold; font-size: 12px; margin-top: 6px; } .relatedmovie_container object { /*border: 5px solid white; background: #fff;*/ /*padding: 5px;*/ } .relatedimages { float: left; width: 700px; margin: 0 0px 0px 30px; background: url(../images/bgd_head_section_edito.png) no-repeat; padding: 10px 0px 10px 40px; display: inline; } *html .relatedimages { width: 730px; } .relatedimages h1 { } .relatedimages_container { width: 134px; height: 170px; float: left; margin-right: 5px; display: inline; } .relatedimages_container .last { margin-right: 0px; } .relatedimages_container .data { font-weight: bold; font-size: 12px; margin-top: 6px; } .relatedimages_container .image { width:120px } .relatedimages_container .image img { width:120px } .relatedlinks { float: left; width: 320px; margin: 0 0px 30px 0px; background: url(../images/bgd_head_section_edito.png) no-repeat; padding: 10px 10px 10px 10px; display: inline;} *html .relatedlinks { width: 340px; } .relatedlinks ul { margin-left: 20px; } .relatedlinks li { list-style-type: disc; margin-bottom: 4px; } .relatedtips { float: left; width: 320px; margin: 0 0px 30px 0px; padding: 10px 10px 10px 10px; display: inline; } *html .relatedtips { width: 340px; } #main .intersection { display: block; clear: both; height: 30px; width: 780px; background-color: #ffe68f; float: } #main .type1 { background: url(../images/hr_coins_t1.gif) no-repeat; } #main .type2 { background: url(../images/hr_coins_t2.gif) no-repeat; } #main .type3 { background: url(../images/hr_coins_t3.gif) no-repeat; } #main #section_public { clear: both; float: left; display: inline; } .usercomments { float: left; width: 680px; margin: 0 0px 0px 30px; background: url(../images/bgd_head_section_public.png) no-repeat; padding: 10px 10px 10px 50px; display: inline; clear: both; } * html .usercomments { width: 740px; } .usercomments h1 { margin: 0 0 0 -30px;} .usercomments .relatedcomment_container_top { width: 680; height: 7px; background: url(../images/bgd_commentaire_top.gif) no-repeat 0 top; float: left; display: inline; } .usercomments .relatedcomment_container { width: 640px; background: url(../images/bgd_commentaire.gif) repeat-y; padding: 5px 20px; float: left; display: inline; color:#433d3d } * html .usercomments .relatedcomment_container { width: 680px; } /*.relatedcomment_container img { border: 5px solid white; background: #fff; }*/ .relatedcomment_container #flowplayer { /*border: 5px solid white; background: #fff;*/ /*padding: 5px;*/ } .usercomments .relatedcomment_container img { float: left; margin-right: 3px; padding:5px; border:1px #CCCCCC solid; } .usercomments .relatedcomment_container p { float: left; clear: both; margin: 0;} .messagenocomment { float: left; clear: both; font-weight: bold; margin: 0 0 20px 0; width: 600px; } .usercomments .relatedcomment_container_bottom { width: 525; height: 20px; background: url(../images/bgd_commentaire_bot.gif) no-repeat; padding-left: 155px; padding-top: 14px; margin-bottom: 20px; float: left; display: inline; color:#433d3d } * html .usercomments .relatedcomment_container_bottom { width: 680px; height: 34px; } .usercomments .relatedcomment_container_bottom .date { color: silver; } #useractions { float: left; display: inline; clear: both;} #useractions li { float: left; line-height: 18px; } #useractions li.bt_actions { margin-right: 3px; background: url(../images/bgd_bt_action_wide.gif) no-repeat left top; height: 22px; padding: 0px 0 0px 10px; } #useractions a { /*background: url(../images/bgd_bt_action_closing.gif) no-repeat right top;height: 18px;*/ margin-right: 0px; color: #F79F23; font-weight:bold; padding: 0px 10px 0px 0px; /*line-height: 18px;*/ } #useractions li.bt_actions a{ background: url(../images/bgd_bt_action_closing.gif) no-repeat right -1px;height: 18px; margin-right: 0px; color: white; text-decoration:none; padding: 0px 10px 5px 0px; /*line-height: 18px;*/ } #useractions li.video { background:url(../images/ico_video.gif) no-repeat left top; padding:5px 5px 8px 35px } #useractions li.photo { background:url(../images/ico_photo.gif) no-repeat left top; padding:5px 5px 8px 35px } #useractions li.text { background:url(../images/ico_comments2.gif) no-repeat left top; padding:5px 5px 8px 35px } /*#useractions li { display: inline; } #useractions li.seeallcomments { margin-right: 30px; background: none; } #useractions li.seeallcomments a { color: red; background: none; }*/ .form_add td { padding: 4px; border-bottom: 1px solid #d4eeff; } .form_add th { width: 120px; padding: 4px; border-bottom: 1px solid #d4eeff; } .form_add p.help { padding-left: 20px; background: url(/images/ico_help.gif) no-repeat; color: #433d3d; } .form_add { padding: 30px; } .bigmessage { font-weight: bold; border-bottom: 1px solid #a3cef9; border-top: 1px solid #a3cef9; padding: 7px; background-color: #ffffd5; } .message { font-weight: bold; border: 1px solid #a3cef9; padding: 5px;} .erreur { color: red; font-weight: bold; border: 1px solid red; padding: 5px 5px 5px 25px; background: url(/admin/images/ico_erreur.gif) no-repeat; } /********************* Debug pour PNG explorer ****************************************/ /* * html .evaluation { background: background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ico_etoiles.png',sizingMethod='crop'); } * html .evaluation .resultat { background: background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ico_etoiles.png',sizingMethod='crop'); } * html .evaluation a.cinq:hover { background: background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ico_etoiles.png',sizingMethod='crop'); } * html .evaluation a.quatre:hover { background: background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ico_etoiles.png',sizingMethod='crop'); } * html .evaluation a.trois:hover { background: background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ico_etoiles.png',sizingMethod='crop'); } * html .evaluation a.deux:hover { background: background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ico_etoiles.png',sizingMethod='crop'); } * html .evaluation a.un:hover { background: background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ico_etoiles.png',sizingMethod='crop'); } */ * html .bouton_play { background: background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ico_play.png',sizingMethod='crop'); } * html .relatedmovie { background: background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bgd_head_section_edito.png',sizingMethod='crop'); } * html .relatedimages { background: background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bgd_head_section_edito.png',sizingMethod='crop'); } * html .relatedlinks { background: background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bgd_head_section_edito.png',sizingMethod='crop'); } * html .usercomments { background: background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bgd_head_section_public.png',sizingMethod='crop'); }