/* @override 
	http://mdu0741.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 {padding: 0; margin: 0; }
body.popup { background: white;  }

h1 { font-weight: normal; font-size: 20px; line-height: 24px; }
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: 740px; float: left; background-color: white; display: inline;  }
#content { width: 740px; float: left; display: inline; }


/* @group Evaluation */
.evaluation_zone			{ float: right; width: 150px;  }
.evaluation 				{ background: url(/images/ico_etoiles.gif) repeat-x 0 -2px; width: 98px; height: 20px; margin: 0px 0 0 0; position: relative; padding-right: 2px;/*2px pour laisser de la place au rounded corners 1 a gauche,1 a droite*/  }
.evaluation .resultat 		{ background: url(/images/ico_etoiles.gif) 0 -22px; height: 20px; position: absolute; left: 1px; /*1px pour laisser de la place au rounded corners*/ top: 0; z-index: 10;  }
.evaluation .etoiles 		{ width: 24px; height: 20px; position: absolute; top: 0; left: 1px;/*1px pour laisser de la place au rounded corners*/ z-index: 20;  /*background: url(/images/transparent.gif) repeat;*/  }
.evaluation a.cinq			{ width: 98px; height: 20px; z-index: 30; /* margin-top: 0px; */ }
.evaluation a.cinq:hover 	{ background: url(/images/ico_etoiles.gif) repeat-x 0 -42px; }
.evaluation a.quatre 		{ width: 79px; height: 20px; z-index: 40; /* margin-top: 0px; */ }
.evaluation a.quatre:hover	{ background: url(/images/ico_etoiles.gif) repeat-x 0 -42px; }
.evaluation a.trois 		{ width: 59px; height: 20px; z-index: 50; /* margin-top: 0px; */ }
.evaluation a.trois:hover 	{ background: url(/images/ico_etoiles.gif) repeat-x 0 -42px; }
.evaluation a.deux 			{ width: 39px; height: 20px; z-index: 60; /* margin-top: 0px; */ }
.evaluation a.deux:hover 	{ background: url(/images/ico_etoiles.gif) repeat-x 0 -42px; }
.evaluation a.un 			{ width: 19px; height: 20px; z-index: 70; /* margin-top: 0px; */ }
.evaluation a.un:hover 		{ background: url(/images/ico_etoiles.gif) repeat-x 0 -42px; }
#erreur_vote 				{ position: absolute; top: -20px; left: 0px; right: -200px; font-weight: bold; width: 300px; }
#eval_stats 				{ font-size: 9px; }





/* @end */
/* @group Icones bt et ti */

.ti { padding: 5px 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_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_sendtoafriend.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_bio.gif) no-repeat; }
.ti_podcast { background: white url(../images/ico_podcast.gif) no-repeat; }

.bt { display: block; width: 10px; 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; width: 700px; padding: 0 20px 20px 20px; clear: both; font-size: 13px; display: inline; }
* html #main { width: 740px; }

#main .image { float: left; margin: 25px 0px; margin-right: 20px; /*display: inline;*/ }
#main .data { /*float: left;*/ /*width: 310px;*/ margin-top: 40px; /*display: inline;*/ font-size: 15px; line-height: 18px; }
#main h1 { margin-top: 20px; }
#main a { margin-top: 0px; }

.separateur { display: block; padding-left: 20px; clear: both; /*height: 70px;*/ width: 720px; background: #fff url(../images/bgd_shadow.gif) repeat-x; padding-top: 20px; }
* html .separateur { width: 740px; }

/*.addcomment { font-size: 16px; padding-left: 80px; line-height: 44px; height: 44px; display: block; background: url(../images/ico_addcomment.gif) no-repeat;  }*/
.addcomment { font-size: 16px; padding-left: 80px; line-height: 44px; height: 64px; display: block; background: url(../images/ico_addcomment.png) no-repeat;  }
* html .addcomment { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ico_addcomment.png',sizingMethod='crop'); }
.email { float: right; margin: 0 10px 0 0; }

#section_public { background-color: pink; float: left; }

.usercomments { float: left;  width: 510px; padding: 20px 20px; background: url(../images/bgd_head_section_public.png) no-repeat; display: inline; clear: both; float: left; }
* html .usercomments { width: 550px; }

.usercomments h1 			{ margin-bottom: 20px; }
.usercomments .data			{ float: left; margin: 10px 0px; padding-bottom: 10px; border-bottom: 1px solid white; width: 510px; }
.usercomments .data .image 	{ float: left; margin-right: 3px;  }
.usercomments .data .text 	{ float: left; width: 420px; /* si il n'y a pas de photo, la taille est de 515, settée en php dans la page directement */}
.usercomments .data .text h2 { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.usercomments .data .text p 	{  }
.usercomments .data .text .date { font-size: 11px; font-weight: bold; margin-top: 5px; }
.usercomments .data .evaluation_zone { float: right; margin: 0 0 10px 10px;  }

.messagenocomment { float: left; clear: both; font-weight: bold; margin: 0 0 20px 0; width: 555px; }

#bestof { float: right; width: 169px; background-color: red; padding: 20px 10px;  }
* html #bestof { width: 190px; }
#bestof h1 		{ margin-bottom: 20px; }
#bestof .bestofelement { border-bottom: 1px solid white; overflow: auto; margin-bottom: 10px; padding-bottom: 10px; }
#bestof .bestofelement .evaluation_zone { float: left; margin: 2px 0 3px 0; width: 167px; }
#bestof .bestofelement .evaluation_zone .nbrvotes { float: right; margin: -18px 0 0 0;  }
#bestof .bestofelement a, #bestof .bestofelement a:visited { text-decoration: none; font-weight: bold; } 

#pagination { float: left; width: 505px; text-align: center; margin-top: 10px; }
#pagination a { text-decoration: none; }
#pagination .active { font-weight: bold; padding: 4px; border: 1px solid red; }

.form_add { }
.form_add td { padding: 4px; border-bottom: 1px solid silver; }
.form_add th { width: 120px; padding: 4px; border-bottom: 1px solid silver; }
.form_add p.help { padding-left: 20px; background: url(/images/ico_help.gif) no-repeat;   font-size: 12px; }


.form_add { padding: 30px; }

.bigmessage { font-weight: bold; border-bottom: 1px solid red; border-top: 1px solid red; padding: 7px 7px 7px 7px; background: #ffffd5 url(/images/ico/ico_back_to_previous.gif) no-repeat 5px center; }
.bigmessage a { padding-left: 20px; }
.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: #ffffd5 url(/admin/images/ico_erreur.gif) no-repeat 5px center; }


/********************* Debug pour PNG explorer ****************************************/


* html .usercomments { background: background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bgd_head_section_public.png',sizingMethod='crop'); }