/**
 * This file is for main site derogations for : 
 *
 *	jeux-geographique.com
 * 
 * Loaded by 00_00_top.php
 */


/* HTML
--------------------------------------------- */
html{font-family:Verdana, Geneva, sans-serif; }


body{background: #EEE;}

.wrapper{background: none;}


#logo_link {
	background:url("../images/main/logo_murpress_ti.png") no-repeat;
	height: 15px;
	width: 200px;
	position:absolute; top:10px; left:15px;
}


#content{ position:relative; width:100%;}
#main_frame{width:100%; background:none;}
#main{background:none;padding:0px;}


h2.rub_title{ text-align:center; font-size:2em; margin:5px 0px 15px 0px; text-transform:uppercase;
} 

h1{ display:none; }


h2 a{color:#000;}

ul, li{padding: 0px; margin:0px; list-style: none;}

p {
    margin: 0px;
    color: #333;
}


hr.title_line{display:inline-block; height:1; width:30px; margin:0px 5px; 
        border:none; border-top:solid 1px #ccc;border-bottom:solid 1px #fff; background: none;
		}

.big_spe{color: #999999;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
    font-style: normal;}
/*
#trav_menu{float:right; margin-right:20px; margin-top:10px;}
#trav_menu a{ display:inline-block; padding:0px 10px; margin:0px 5px; color:#ccc;}
#trav_menu a:hover, #trav_menu a.sel{color:#FC9;}
*/

#header{
    position:fixed; top:0px; left:0px; z-index:500;
    width:100%;
    height: 55px;
    background:#fff;
    border-top:solid 1px #ccc;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);

}
/*#header.in_index{top:220px; position:absolute;}*/


#sociable{position:absolute; top:5px; right:10px; z-index:502;}

/* ----------------------------- */


#main_intro{ background:#ccc; padding:25px; padding-top:70px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);}
	
#main_intro_inner{ width:900px; margin:auto; color:#333;}

#main_intro h1{display:block; margin-top:0px; }


/* ----------------------------- */
/* Le mur under menu */
/* #mur_under_menu{text-align:center; position:absolute; top:96px; width:966px; padding-left:300px;z-index: 100;} */
#mur_under_menu{text-align:center; height:30px;}
#mur_under_menu h1{display:inline-block; background:none; margin:0px; margin-top:10px;  padding:0px; 
		height:inherit; font-size: 2em;
		color:#999;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
		text-transform: uppercase;		
}

#mp_submenu_ghost{display:inline-block; width:80px; display:none;}

#mur_under_menu a{ display:inline-block; width:120px; height:23px; 
						padding-top:6px;
						color:#FFF; text-decoration:none; font-size:1.1em;
						background:url(../images/main/mur_under_menu_bg.png) 50%; 
						border-left:1px solid #333333; border-right:1px solid #333333;
						
						 display:none;
						 
						 
						}
						
#mur_under_menu a.first{background:url(../images/main/mur_under_menu_bg.png) 0%; border:none; padding-left:15px; margin-left:30px;}
#mur_under_menu a.last{ background:url(../images/main/mur_under_menu_bg.png) 100%; border:none; padding-right:15px;}
#mur_under_menu a.selected, #mur_under_menu a:hover{ color:#82bb1d;}

hr.title_line{display:inline-block; height:1; width:100px; margin:5px 50px; 
        border:none; border-top:solid 1px #ccc;border-bottom:solid 1px #fff; background: none;}


/* TOP PAGE BUTTON
--------------------------------------------- */
#top_page_bloc{display:none; }

a#top_page_button{display:block; color:#505050;
position:fixed; top:50%; right:20px; width:80px; height:80px; font-size:.8em; z-index:1000;
background:url(../images/ico/sprite_bigNav.png);
opacity:0.2;
filter:alpha(opacity=20);
 -webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px;
 
 }
a#top_page_button:hover{opacity:0.4;
filter:alpha(opacity=40);}

/* MENUS
--------------------------------------------- */




#menu{float:right; margin:10px; margin-top:30px; }
	
/*
#user_menu{float:right; margin-right:25px; margin-top:0px; color:#ccc;}
#user_menu li{ display:block; float:left; padding:0px 5px; margin:5px 2px; }
#user_menu a{color:#ccc;}
#user_menu a:hover, #trav_menu a.sel{color:#FC9;}

li#menu_item_num_art{margin-top:0px; line-height: 15px;}
#menu_item_num_art img{width:30px;}
*/



/* MAIN BLOC : everything but the carousel
--------------------------------------------- */
.content_main{padding:25px; padding-top:0px; }


body.murpress_page .container{width: auto;}


/* COLUMN
--------------------------------------------- */
.column{margin-bottom:65px; width:200px; }
.column_inner{
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	height:3000px; overflow:hidden;/**/
	
	border-bottom:solid 15px #fff;
}

.column_separator{font-size:10em; text-align:center; color:#999;      display:none;}



/* LOGO_BLOC
--------------------------------------------- */

.logo_bloc_outer{height:60px;}

.logo_bloc{text-align:center; padding:10px 0;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	height:50px;
	}
.logo_bloc img{max-height:40px;}

.stacked{
	/*background:#f00;*/

	width:200px;
	z-index:400;
	position:fixed;
	top:55px;
}


/* display_feeds_choises_win_button */
/*-----------------------------------*/
#top_page_button{position: fixed; bottom:90px; right:0px; cursor:pointer; font-size: 3em; z-index: 200;}
#top_page_button .fa-arrow-up{ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); color:#FFF; }
#top_page_button .fa-circle{ color:#000; opacity : 0.6;
		filter : alpha(opacity=60); font-size:1.3em;}

/* ARTICLES
--------------------------------------------- */

#content_art{
    -webkit-box-shadow: 0 -0px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -0px 3px rgba(0, 0, 0, 0.2);
    border-top:solid 1px #fff;
    padding-top:25px;
}

#art_container{ margin:auto; padding:0px 20px; margin-top:30px;}

.art_bloc{padding: 15px 15px; overflow:hidden; background:#FFF; border-radius:10px;}
.art_bloc .site_logo{margin-bottom: 10px;}
.art_bloc_body{ }
.art_bloc_body p{}
.art_bloc .date_bloc{background:#ccc; color:#fff; text-align:right;padding:2px 10px;}
.art_bloc .title{font-size:1.2em;}

.art_bloc .thumb{max-height:300px; overflow:hidden; }
.art_bloc .thumb img{max-width:220px;border-radius: 10px;}
.art_bloc h2{margin:8px 0 8px 0; font-size:1.2em; letter-spacing:-0.04em; line-height:1em;color:#000; text-decoration:none;}
.art_bloc h2 a{color:#333; text-decoration:none;}
.art_bloc h2 a:hover{color:#399;}
.art_bloc .intro{margin-bottom:0px; margin-top:10px; }

.art_bloc .theme_ico{
	font-size:1.5em;
	position: absolute;
	right: -5px;
	top: -7px;
	color:#EEE;
}

.art_bloc .theme_name {
    color: #CCC;
    font-weight: bold;
}
.art_bloc .feed_name {
    color: #CCC;
}
.art_bloc .thumb , .art_bloc .thumb a{
	overflow:hidden;
    border-radius: 10px;
}

.art_bloc .site_logo {
    border-radius: 10px;
}

.art_bloc .date_bloc {
     border-radius: 5px;
}

/*.old{background:#e1e1F1;}*/


/* Grid masonry */
/*-----------------------------------*/

.grid-item { width: 190px; margin-bottom: 10px;}
.grid-item--width2 { width: 390px; }


/* site_logo */
/*-----------------------------------*/
.site_logo{margin: auto;text-align: center; position:relative;}
.site_logo .helper_vertical_align {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.feed_button .site_logo i.theme_ico{
	font-size:2em;
	position: absolute;
	right:5px;
	top:5px;
	color:#EEE;
}

/* art_bloc */
/*-----------------------------------*/



/* modal_feeds_choise */
/*-----------------------------------*/
.custom-tabs-left > .nav-tabs .active a, .custom-tabs-left > .nav-tabs .active a:focus, .custom-tabs-left > .nav-tabs .active a:hover{background: none; border-right-color: #EEE;}

#modal_feeds_choise, #modal_feeds_choise .nav-tabs a{color:#AAA;}
#modal_feeds_choise .nav-tabs .active a{color:#666;}

#modal_feeds_choise ul.nav-tabs li i{font-size:3em;}
#modal_feeds_choise ul.nav-tabs li .text{}

#modal_feeds_choise .site_logo{ width:120px; height:120px; text-align: center; white-space: nowrap; background: #FFF;
border-radius: 10px;}

#modal_feeds_choise .site_logo img{vertical-align: middle;}

#modal_feeds_choise ul.nav-tabs{}

#feed_choise_new_user_text{margin: 50px 0px 50px 230px;}
#feed_choise_new_user_text img{margin: 50px 50px 50px -90px;}


/* display_feeds_choises_win_button */
/*-----------------------------------*/
.display_feeds_choises_win_button{position: fixed; bottom:0px; right:0px; cursor:pointer; font-size: 3em; z-index: 200;}
.display_feeds_choises_win_button .fa-gear{ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); color:#FFF; }
.display_feeds_choises_win_button .fa-circle{ color:#000; opacity : 0.6;
		filter : alpha(opacity=60); font-size:1.3em;}

#bloc_menu_for_grid_item .display_feeds_choises_win_button{position: relative;}




/* feed_buttons */
/*-----------------------------------*/
.feed_button{cursor:pointer;display: inline-block;margin:5px;border-radius: 10px;}
.feed_button:active{opacity : 0.6;
		filter : alpha(opacity=60);}
.feed_button.selected {border: 3px dashed rgb(153, 153, 153); margin: 2px;}
.feed_button.selected .fa-check{display: block;
	position: absolute;
	bottom: auto;
	left: -62px;
	font-size: 5em;
	color: #BEFFAA;
	top: -20px;}

.feed_button .feed_name {
    position: absolute;
    bottom: 2px;
    font-size: 1em;
    letter-spacing: -0.09em;
    text-align: center;
    width: 100%;
    color: #ccc;
    overflow-x: hidden;
}

.feed_button .theme_name {
    position: absolute;
    top: 7px;
    left:7px;
    font-size: 1em;
    letter-spacing: -0.09em;
    text-align: left;
   
    color: #ccc;
    overflow-x: hidden;
}

.feed_buttons_list{text-align: center;overflow: auto;}

/* modal-content */
/*-----------------------------------*/
.modal-content{background: #EEE;}
.modal-header{background: #EEE;}

/* bloc_menu */
/*-----------------------------------*/
#bloc_menu_for_grid_item{height: 260px; background: #FFC;}
#bloc_menu_for_grid_item #imgLogo{float:none; width: 222px; margin-bottom:30px;}

#display_feeds_choises_win_button_bloc{float: left; width:40%;}
#all_the_themes_ico_bloc{float: left; width: 55%; padding-top: 20px}
#all_the_themes_ico_bloc li{display:inline-block;  margin:3px;}
#all_the_themes_ico_bloc li i{cursor:pointer;color:#797979; font-size:2em;}