/*
EKIMONDO ekistops style sheet
Copyright 2008 Inpix.ca / macharron@inpix.ca
Last edit: 2008-06-02
*/

/* //////////////////////////////////////////////////////////////////////////
 ekistops */
 
#search_param { width: 100%; overflow: hidden;}
	#search_param h3 { float: left; margin: 15px 15px 0 0;}
	#search_param form { float: left;}
	#search_param form label { font-weight: bold;}
	#search_param form .fieldset_high { margin: 0;}
	#search_param form .fieldset_high div, #search_param form .fieldset_high p { width: auto; float: left; margin: 0 15px 0 0;}
	#ekistops_rating { width: 100px;}
	#search_param form .fieldset_high p { margin: 13px 0 0;}

#ekistops { width: 100%; overflow: hidden;}
#ekistops p { margin: 0;}
#ekistops dl { width: 30%; float: left; overflow: hidden; margin: 0 10px 5px 0; padding: 7px 10px 10px;}
#ekistops dl dt { width: 36%; float: left; padding: 3px 0 0;}
#ekistops dl dd { width: 63%; float: left; }

#ekistops .espacement { margin-top: 15px;}
#ekistops .btnAnnuler { margin-top: 10px; width:160px; text-align:center; }

.explorateur #ekistops dl, .recherche #ekistops dl { width: 96%; overflow: hidden; float: none;}
.explorateur #ekistops dl dd, .recherche #ekistops dl dd { float: none; width: 100%;}

#classement { width: 128px; float: left;}
#classement h3 { padding: 10px 10px 0; }
#classement ul { padding: 0 10px 15px; list-style-type: none; }
#classement p { padding: 0 10px 15px; margin: 0;}

/*#ekistop.index #ekistops { width: 85%; float: left; margin: 0 0 10px 10px;}
#ekistop.index #ekistops dl { float: left; width: 30%; margin: 0 7px 5px 0; padding: 7px 10px 10px;}
#ekistop.index #ekistops dl dt { float: left; width: 43%; padding: 3px 0 0;}
#ekistop.index #ekistops dl dd { float: left; width: 57%;}*/

/* //////////////////////////////////////////////////////////////////////////
 ekistop */
 
#col #evaluate { margin: 0 0 5px 22px;}

.eki_info { width: 100%; margin: 0 0 12px;}
	.eki_info p { margin: 0!important;}
	
	.author { width: 260px; float: left;}
		.author p { width: 70px; float: left;}
		.author ul { width: 175px; float: left; list-style-type: none; margin: 0 0 0 10px;}
		.author ul li { line-height: 1.3em;}

		#commentaires .author { width: 100%; float: none; overflow: hidden; margin: 0 0 8px;}
			#commentaires .author p { width: 70px; float: left; margin: 0;}
			#commentaires .author ul { float: left; margin: 0 0 0 10px;}
		
		#fans .author { width: 174px; overflow: hidden; margin: 0 5px 20px 0;}
			#fans .author p { width: 70px;}
			#fans .author ul { width: 94px;}
			
		.comment_add .author { width: 506px; overflow: hidden; margin: 0 10px 15px 15px; display: inline;}
			.comment_add .author p { width: 70px; margin: 0!important; padding: 0;}
			.comment_add .author ul { width: 175px; margin: 0 0 0 5px!important;}
	
	.rated { width: 275px; float: left; overflow: hidden;}
		.rated div { width: 100%; overflow: hidden;}
		.rated div p, .rated div ul { float: left;}
		.rated .score img {position: relative; top: 2px;}
		.rated span { padding: 0 0 0 5px; font-size: 90%;}

p.eki_type { float:left; width:250px; margin:10px 0 0 0!important; }
	.eki_type img { vertical-align: middle; border: 1px solid #e1e1e1;}

#box_voter { position: relative; width: 100%; overflow: hidden; margin: 0 0 12px; padding: 12px 0; min-height: 67px;}
	#box_voter #ratings { width: 170px; float: left; margin: 0 12px; display: inline}
	#box_voter #ratings h4 { margin: 0 0 5px;}
	#box_voter #ratings_desc { width: 310px; float: left;}
	#box_voter #ratings_desc p { margin: 0;}

.eki_footer { width: 100%; margin: 0 0 15px;}
.eki_footer .boite2_l-t { padding: 10px 0 10px 10px}
.eki_footer p { width: 45%; float: left; line-height: 2em; margin: 0 10px 0 0!important; padding: 10px 0; display: inline;}

#box_link, #box_travel { width: 48%; float: left; display: inline;}
#box_link { margin: 0 10px 0 0;}
#box_travel li { line-height: 1.2em; margin: 0 0 5px;}
#box_link .item_plus, #box_travel .item_plus,
#box_link .item_moins, #box_travel .item_moins { margin-left: 7px;}

.form_signal { background-color: #f9f0d9; padding: 20px 10px 0; margin: 0 0 12px; position: relative;}

#commentaires .form_signal { width: 100%; margin: -10px 0 20px 0;}
	.form_signal h3 { margin-left: 147px;}
	.form_signal .fieldset { padding: 0; margin: 0;}
	.form_signal .i_area textarea { width: 350px; height: 65px;}
	.form_signal .bt { margin: 0 0 0 150px; width: 180px;}
	.form_signal div.error { width: auto;}

#commentaires.preview { margin: 0; padding: 20px 0 0; background: url(../img/line_double.gif) 0 0 repeat-x;}
	#commentaires .title { width: 100%;}
	#commentaires .title h3 { display: inline; float: left; position: relative; top: 3px;}
	#commentaires .title { margin: 0 0 10px;}
	#commentaires .title .comment_tot { position: relative; top: 8px; float: left; font-size: 90%; padding: 0 0 0 5px;}
	#commentaires .title .comment_link { float: right; padding-top: 3px;}
	#commentaires .title p a { margin: 0 5px 0 0;}
	
	#commentaires dl { width: 100%; margin: 0 0 20px; padding-bottom: 5px; background: url(../img/dash.gif) 0 bottom repeat-x;}
		#commentaires dl.last { background: none;}
	.comment_date { margin: 0 0 6px!important;}
	
	.signal { width: 100%; overflow: hidden; margin-top: -15px;} 
	.signal a { display: block; float: right; width: 16px; height: 15px; background: url(../img/icn_signal.gif) 0 0 no-repeat; text-indent: -9000px;}
	
	.comment_add { width: 100%; margin: 20px 0;}
	.comment_add h3 { padding: 10px 15px 0 15px;}
	.comment_add p { padding: 0 15px;}
	.comment_add form { padding: 0 0 0 15px;}
	.comment_add form .fieldset_high { margin: 0;}
	.comment_add form .fieldset_high label { width: 80px;}
	.comment_add form .fieldset_high .i_area label { width: auto; margin: 0 0 3px;}
	.comment_add form .fieldset_high .i_area textarea { width: 96%;}
	.comment_add form .fieldset_high p { padding: 0; margin: 0 15px 0!important; text-align: right; overflow: hidden;}
	.comment_add form .fieldset_high p .bt { float: right;}
	
	.captcha label { margin-top: 5px!important;}
	
	/*.comment_add .ratings { width: 90%; overflow: hidden; padding: 3px 0 15px 0;}
	.comment_add .ratings ul { float: left;}
	.comment_add .ratings span { float: left; padding: 0 0 0 5px;}*/
	
	.comment_add div.error { width: auto; margin: 0 15px 15px!important;}
	.comment_add p.error { padding: 1px 0 1px 25px!important;}

.nav_comment { width: 474px; margin: 0 0 20px 65px;}

#galerie { margin: 0 0 25px;}
#galerie h3 { padding: 10px 0 0 10px;}
#galerie #galerie_image, #galerie .galerie_image  { text-align: center;}
	#galerie #galerie_image a, #galerie .galerie_image a  { position: relative;}
	#galerie #galerie_image img, #galerie .galerie_image img { margin: 0 2px;}
	#galerie #galerie_image span, #galerie .galerie_image span { position: absolute; top: -100px; left: 0; display: block; text-indent: -9000px; width: 129px; height: 110px; background: url(../img/bt_video_play.png) 50% 50% no-repeat; cursor: pointer;}
	html:first-child #galerie #galerie_image span, html:first-child #galerie .galerie_image span  { display: none;} /* opera */
#galerie .nav { padding: 0 10px 15px; margin: 0;}

#infos { margin: 20px 20px;}
#infos ul { list-style-type: none; margin: 0 0 15px; width: 100%;}

#fans { margin: 0 0 20px;}
#sidebar #fans { margin: 0 20px 20px;}
	#fans h3 { display: inline; float: left;}
	#fans .title { margin: 0 0 10px;}
	#fans .title .comment_tot { position: relative; top: 4px; font-size: 90%; float: left; padding: 0 10px 0 5px;}
	#fans .title p { display: inline;}
	#fans .title .comment_link { float: right;}

/* //////////////////////////////////////////////////////////////////////////
creation */

/* creation ekistop */
.etape { width: 100%; overflow: hidden; margin: 0 0 5px;}
.etape .top { height: 9px; font-size: 1px; background: url(../img/bg_eki_etape_top_done.gif) 12px 0 no-repeat;}
.etape .middle { width: 100%; overflow: hidden; background: url(../img/bg_eki_etape_done.gif) 12px 0 repeat-y;}
.etape .bottom { height: 18px; background: url(../img/bg_eki_etape_bottom_done.gif) 12px 0 no-repeat;}
.etape_done .top { background-image: url(../img/bg_eki_etape_top.gif);}
.etape_done .middle { background-image: url(../img/bg_eki_etape.gif);}
.etape_done .bottom { background-image: url(../img/bg_eki_etape_bottom.gif);}	
.etape h3 { margin: 0; width: 405px; float: left; overflow: hidden;}
.etape h3 .num { display: block; float: left; width: 23px; height: 23px; margin: 0; line-height: 23px; background: url(../img/pastille_eki_creer.gif) 0 0 no-repeat; text-align: center; color: #fff; font-size: 80%; font-weight: bold;}
.etape_done h3 .num { background-position: 0 -24px; text-indent: -9000px; }

.etape h3 a, .etape h3 .title { float: left; width: 368px; text-align: center;}
#col .etape p { float: left; width: 50px; margin: 5px 0 0;}
#col .etape_action { width: 405px; margin: 20px 0 30px; text-align: center;}
#col .etape_action a, #col .etape_action .title { margin: 0 auto;}
.actions { width: 100%; overflow: hidden; margin: 20px 0 30px;}
.actions p { float: left; margin: 0 17px!important; display: inline;}

/* menu etape creation ekistop */
#menu_eki { margin: 0 0 10px 9px; font-size: 90%;}
#menu_eki ul { list-style-type: none; width: 100%; overflow: hidden;}
#menu_eki ul li { float: left; height: 35px; margin: 0 12px 0 0; padding: 0; background: url(../img/bg_menu_eki_l_done.gif) 0 0 no-repeat;}
#menu_eki ul li .envelop { float: left; display: block; height: 35px; padding: 0 12px 0 0; background: url(../img/bg_menu_eki_r.gif) right 0 no-repeat;}
#menu_eki ul li .envelop .num { display: block; float: left; width: 15px; height: 15px; line-height: 14px; background: url(../img/pastille_eki_creer2.gif) 0 0 no-repeat; color: #fff; text-align: center; font-weight: bold; margin: 9px 0 0;}
#menu_eki ul li .envelop a, #menu_eki ul li .envelop .title { margin: 10px 5px 0 20px; color: #666; display: block; line-height: 1.2em;}
#menu_eki ul li .envelop a.lines, #menu_eki ul li .envelop span.lines { margin-top: 5px;}
#menu_eki ul .done { background: #fff url(../img/bg_menu_eki_l.gif) 0 0 no-repeat;}

#menu_eki ul .done .envelop { background: url(../img/bg_menu_eki_r.gif) right 0 no-repeat;}
#menu_eki ul.etape1 #etape1 a, #menu_eki ul.etape2 #etape2 a, #menu_eki ul.etape3 #etape3 a, 
#menu_eki ul.etape4 #etape4 a, #menu_eki ul.etape5 #etape5 a, 
#menu_eki ul.etape1 #etape1 .title, #menu_eki ul.etape2 #etape2 .title, #menu_eki ul.etape3 #etape3 .title, 
#menu_eki ul.etape4 #etape4 .title, #menu_eki ul.etape5 #etape5 .title { color: #000; text-decoration: none; cursor: default;}
#menu_eki ul .done .envelop .num { background-position: 0 bottom; text-indent: -9000px;}
#menu_eki ul.etape1 #etape1 .envelop .num, #menu_eki ul.etape2 #etape2 .envelop .num, #menu_eki ul.etape3 #etape3 .envelop .num, 
#menu_eki ul.etape4 #etape4 .envelop .num, #menu_eki ul.etape5 #etape5 .envelop .num { background-position: 0 -15px}
#menu_eki ul.etape1 #etape1 .num, #menu_eki ul.etape2 #etape2 .num, #menu_eki ul.etape3 #etape3 .num, 
#menu_eki ul.etape4 #etape4 .num, #menu_eki ul.etape5 #etape5 .num { color: #000;}

/* etape placer ekistop sur map */
#form_ekistop_creer_carte .fieldset { margin: 0!important;}
#form_ekistop_creer_carte .recherche .instruction { float: left; width: 38%; margin: 0; }
#form_ekistop_creer_carte .recherche #recherche { float: right; width: 62%; overflow: hidden; display: inline;}
#form_ekistop_creer_carte .recherche #recherche p { float: left; height: 25px; margin: 0;}
#form_ekistop_creer_carte .recherche #recherche .i_txt { margin: 3px 5px 0 40px; display: inline;}

/* etape photo */
#form_ekistop_creer_image .fieldset { margin: 0;}
#photo, #video, #videoRes, #photoRes{ width: 100%; overflow: hidden; margin: 0 0 15px;}
	#photoRes { margin-bottom:0!important; }
	#photo dl, #video dl,#videoRes dl, #photoRes dl {width: 100%; margin: 0 0 20px; overflow: hidden;}
	#photo dl dt, #video dl dt,#videoRes dl dt, #photoRes dl dt { float: left; width: 140px; padding: 3px 0 0;}
	#video dl dt span, #videoRes dl dt span { position: relative; display: block; width: 129px; height: 110px;}
	#video dl dt span a, #videoRes dl dt span a { position: absolute; top: 0; left: 0; display: block; text-indent: -9000px; width: 100%; height: 100%; background: url(../img/bt_video_play.png) 50% 50% no-repeat;}
	
	#photo dl dd, #video dl dd, #photoRes dl dd, #videoRes dl dd { float: left; width: 475px;}
	#photo dl dd p, #video dl dd p, #videoRes dl dd p, #photoRes dl dd p  { margin: 0;}
	#photo .submit, #video .submit { margin: 5px 0 0;}

/* modifier photo */
#form_ekistop_creer_image_modifier .fieldset textarea { width: 473px;}

/* publier */
#anonym h3, #anonym .boite2_l-b  { padding: 0 15px;}
#anonym h3 { padding-top: 10px;}


/* //////////////////////////////////////////////////////////////////////////
profil */

/* photo */
#avatar { float: left; margin: 0 15px 0 0;}
#avatar img { border: 1px solid #000;}
#form_profil_photo { float: left; width: 450px;}

/* info */ 
#form_profil_info .regroup { margin: 0; position: relative;}
#form_profil_info .rule { position: absolute; width: 250px; margin: 0 0 0 350px; top: 0;}

/* preview */
#user_info { float: right; margin: 0 0 10px 15px; width: 170px;}
#user_info p { padding: 0 10px 5px; margin: 0;}
#user_info .boite2_l-t { padding-top: 10px;}
#user_info .boite2_l-b { padding-bottom: 5px;}
#user_info .centrer { text-align:center}

/* //////////////////////////////////////////////////////////////////////////
profil voyage */

/* class */
.mes_voyages .no_space_bottom { margin-bottom:0px; padding-bottom:0px; }
.bg_img_none { background-image:none; }

.icn_add { background: transparent url(../img/icn_add.gif) 0 center no-repeat; padding: 2px 0 2px 24px;}
.icn_edit { background: url(../img/icn_edit.gif) 3px 0 no-repeat; padding:0 0 10px 24px;}
.icn_delete { background: url(../img/icn_delete.gif) 1px 0 no-repeat; padding:0 0 0 24px;}
.icn_pdf { background: url(../img/icn_pdf.gif) 0 1px no-repeat; padding: 2px 0 2px 22px;}
.icn_print { background: url(../img/icn_print.gif) 2px 2px no-repeat; padding: 2px 0 3px 22px;}
.icn_open { background: url(../img/icn_open.gif) 0 7px no-repeat; padding:0 0 0 20px; width:65%; cursor:pointer;}
.icn_close { background: url(../img/icn_down.gif) 1px 3px no-repeat; padding:0 0 0 20px; width:65%; cursor:pointer;}
.icn_todo_check { background: url(../img/icn_todo_check.gif) 1px 3px no-repeat; padding:0 0 0 20px; margin:0 0 0 3px;}

.spinner { position: relative; top: 3px; padding: 0 0 0 7px;}

.mes_voyages h2 {  /*display:inline;*/ float:left; margin:0; }
.mes_voyages h4 { margin-bottom:5px!important; }

.mes_voyages .eki_info { overflow:hidden;  }

/* Boite ajouter un nouveau voyage */
.box_add_travel { float:right; width: 210px; margin-bottom:5px; }
.box_add_travel .boite2_l-t { padding:5px 0 5px 10px; width: 90%;}

.eki_footer_ajout_voyage .boite2_l-t { padding:5px 0 5px 10px;}
.eki_footer_ajout_voyage { width: 205px!important; margin: 0 0 5px;}
.eki_footer_ajout_voyage p { width: 100%; }

/* Box nouveau voyage */
.box_section { background: url(../img/bg_content_section_voyage.gif) 0 0 repeat-y; }

	.mes_voyages .header { background: url(../img/bg_top_section_voyage.gif) 0 0 no-repeat; height:9px; width:540px; }
	.mes_voyages .footer { background: url(../img/bg_bottom_section_voyage.gif) 0 0 no-repeat; height:9px; width:540px; margin:0 0 15px 0; }
	
	.box_section .title h3 { float:left; }
	.box_section .comment_link { float:right; margin-top:3px; }
	.box_section .bt_edit { padding-right:15px; }
	 
	.box_section .content {  /*height:1%;*/ }
	.box_section .space_r_l { margin:0 10px 0 10px; }
	.box_section h3 { /*width:355px; float:left; display:inline*/ display:inline }
	.box_section .top { margin-bottom:0px!important; }
	
	.box_section .list_todo li { list-style-type:none; }
	
	/* Galerie média */
	.mes_voyages #galerie { background-color:#FFFFFF; margin:15px 1px 0 1px; background-image:none; }

	/* Icone ekistop */
	.mes_voyages .ekistop_link .eki_point2 { display: block; padding: 0 0 8px 23px; margin:0 0 0 10px; background: url(../img/pastille_prox.gif) 0 0 no-repeat; line-height: 15px;}
	.mes_voyages .ekistop_link .item_plus, .mes_voyages .ekistop_link .item_moins { padding-bottom:5px!important; }
	
	.mes_voyages .ekistop_link p { width:90%; }
	
	.mes_voyages .item_plus, .mes_voyages .item_moins { margin-left:12px!important; padding-top:0px; }
	.mes_voyages .map_sub .item_plus, .mes_voyages .map_sub .item_moins { margin-left:4px!important; }
	
	/* Box close */
	.mes_voyages .close p,
	.mes_voyages .close h3 { margin-bottom:0px!important; }
	
/* //////////////////////////////////////////////////////////////////////////
profil voyage edit */

.edit spaced_top { margin-top:20px!important; }
.edit h2 { float:none; }

.edit #col .overflow { overflow:hidden }
.edit .i_recherche input { width:190px!important; }
.edit .title h3 { padding-right:10px; }

.edit .col_right { width:400px; float:left; }
.edit #col label.right { width:125px; margin-right:10px; float:left; text-align:right; }
.edit #col .bar_modification { margin:5px 0 15px 135px; }
.edit #col .bloc_texte { width:400px; display:block; float:left; margin-bottom:5px; }

.edit #col textarea { margin-bottom:5px; width:382px; }
.edit #col .i_txt input, .edit #col .i_file input  { width:382px; }

.edit #col .marge_left { margin-left:135px!important; }
.edit #col .bloc { width:400px; }

.edit #col .a_faire dt { width:205px; }

.edit #col #videoRes dd,
.edit #col #photoRes dd { width:210px; }

.edit #col .ekistop .titre_ekistop { margin:0 10px 0 0; overflow:hidden; width:300px; float:left; }
.edit #col .ekistop p { margin-right:20px; }
.edit #col .eki_point2 { display: block; padding: 0 0 0 23px!important; background: url(../img/pastille_prox.gif) 0 0 no-repeat; line-height: 15px; }

/* //////////////////////////////////////////////////////////////////////////
profil edit_ce_voyage */

.edit_ce_voyage .col_right { width:300px!important; }

.edit_ce_voyage .label { margin-right:10px; text-align:right; width:125px; line-height:2em; }
.edit_ce_voyage .type_voyage { margin-bottom:15px;}
.edit_ce_voyage .choix_type_voyage { margin-left:0px!important; }

.edit_ce_voyage .bloc_apercu { width:382px; float:left; }
#col .edit_ce_voyage textarea  { margin-bottom:15px; }