/************************************************* GLOBAL *****************************************************/





@font-face
{
font-family: Aaargh;
src: url('../webfont/aaargh/aaargh.ttf'),url('../webfont/aaargh/aaargh.eot'),url('../webfont/aaargh/aaargh.svg'),url('../webfont/aaargh/aaargh.woff');
}


@font-face
{
font-family: ostrich;
src: url('../webfont/ostrich/ostrich.ttf'),url('../webfont/ostrich/ostrich.eot'),url('../webfont/ostrich/ostrich.svg'),url('../webfont/ostrich/ostrich.woff');
}



@font-face{
font-family: Impregnable;
src: url('../webfont/impregnable/impregnable.ttf'),url('../webfont/impregnable/impregnable.eot'),url('../webfont/impregnable/impregnable.svg'),url('../webfont/impregnable/impregnable.woff');
 }


*{
	padding:0;
	margin:0;
	font-style:normal;
	font-weight:normal;
	font-family:Arial;
	font-size:1em;
	line-height:1em;
	border:0;
	background:transparent;
}


body{
	width:98%;
	height:100%;
	text-align:left;
	line-height:10px;
	background:#1C1C1C;
	font-size:10px;
	overflow:auto;
	z-index:0;
	padding:0 1%;
	display:inline-block;
}



a img{
	border:0px;
}

img{
	vertical-align:middle;
}

br{
	clear:both;
	width:100%;
	display:block;
}




h1{
	font-family:Aaargh,Arial;
	color:#000;
	font-size:30px;
	font-weight:700;
}



*>strong{
	font-weight:bold;
}





input[type=button]:hover{
	background-color:#d44f20;
	cursor:pointer;
}

input:-webkit-autofill,
input:focus:-webkit-autofill {
	 -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
 }



.ico{
	background-image:url(../img/sprite-ico.png);
	background-repeat:no-repeat;
	width:31px;
	height:29px;
	margin-top:2px;
	font-family:Aaargh;
}

.ico.left{
	float:left;
}




.white_block .ico.talk{
	font-size:23px;
	text-align:center;
	line-height:26px;
	font-weight:bold;
	color:#FFF;

}










/* line 1 */

.ico.star{
	background-position:-4px -4px;
}

.ico.search{
	background-position:-34px -4px;
}

.ico.user{
	background-position:-61px -4px;
}

.ico.community{
	background-position:-90px -4px;
}


.ico.logout{
	background-position:-121px -4px;
	cursor: pointer;
}



.ico.delete{
	background-position:-152px -4px;
}


/* line 2 */

.ico.arrow_greylight{
	background-position:0px -37px;
}

.ico.arrow_greystrong{
	background-position:-31px -37px;
}

.ico.arrow_orange{
	background-position:-60px -37px;
}

.ico.pencil{
	background-position:-89px -33px;
}


.ico.download_grey{
	background-position:-124px -37px;
}

.ico.download_white{
	background-position:-156px -37px;
}



/* line 3 */

.ico.fun{
	background-position:0px -65px;
}

.ico.tree{
	background-position:-31px -65px;
}

.ico.image{
	background-position:-60px -65px;
}

.ico.actu{
	background-position:-92px -68px;
}

.ico.talk{
	background-position:-148px -64px;
	/*
	TEMP HOOK BECAUSE NO PHOTOSHOP TO EDIT SPRITE.PNG
	background-position:-122px -64px;
	*/
}

/* line 4 */

.ico.alert{
	background-position:0px -94px;
}

.ico.unsuccess{
	background-position:-31px -94px;
}

.ico.success{
	background-position:-60px -94px;
}




/* line 5 */

.ico.radio_off{
	background-position:0px -130px;
}

.ico.radio_on{
	background-position:-31px -130px;
}

.ico.checkbox_off{
	background-position:-60px -130px;
}

.ico.checkbox_on{
	background-position:-92px -130px;
}


/* line 6 */

.ico.bottom_arrow_grey{
	background-position:0px -154px;
}

.ico.bottom_arrow_white{
	background-position:-39px -161px;
}

.ico.search_white{
	background-position:-69px -158px;
}

.ico.album_white{
	background-position:-92px -154px;
}


.ico.validate{
	background-position:-130px -158px;
}

.ico.all{
	background-position:-158px -145px;
}


/* line 7 */

.ico.inc_media_off{
	background-position:0px -188px;
}

.ico.inc_media_on{
	background-position:-39px -188px;
}

.ico.inc_link_off{
	background-position:-69px -188px;
}

.ico.inc_link_on{
	background-position:-92px -188px;
}


.ico.inc_img_off{
	background-position:-123px -188px;
}


.ico.inc_img_on{
	background-position:-150px -188px;
}


/* line 8 */

.ico.inc_gmap_off{
	background-position:-4px -219px;
}

.ico.inc_gmap_on{
	background-position:-39px -219px;
}


/* line 9 */

.ico.tree{
	background-position:-10px -249px;
}

.ico.go_left{
	background-position:-62px -244px;
}

.ico.go_right{
	background-position:-32px -244px;
}

.ico.go_top{
	background-position:-93px -244px;
}

.ico.go_bottom{
	background-position:-122px -244px;
}




/* sprite trips & co. */


.icon{
	background-image:url(../img/sprite_trips.png);
	background-repeat:no-repeat;
	width:31px;
	height:29px;
	float:left;
}


/* line 1 */

.icon.position{
	background-position:-4px -4px;
}

.icon.money{
	background-position:-34px -4px;
}

.icon.people{
	background-position:-64px -4px;
}

.icon.language{
	background-position:-90px -4px;
}


.icon.size{
	background-position:-121px -4px;
}

.icon.politic{
	background-position:-152px -4px;
}


/* line 2 */

.icon.weather{
	background-position:0px -37px;
}

.icon.capital{
	background-position:-31px -37px;
}














/* UPLOAD FILES */


#progress,
.progress_bar
{
	width:100px;
	display:inline-block;
	vertical-align:top;
	border:3px solid #efefef;
	height:34px;

}

#progress .bar,
.progress_bar .bar
 {
    height: 34px;
	width:auto;
    display: inline-block;
	background:#bf4115;
}








/* GROWL */

.growl_{
	position:fixed;
	top: -5px;
	left: 36.5%;
	width: 25%;
	height:200px;
	background:#FFF;
	border: 5px solid #000;
	color:#000;
	font-family:Aaargh,Arial;
	font-size:1em;
	z-index: 100000;
}

.growl_.growl_style_0_1{
    background: url(../img/common/growl/growl_fail_1.gif) center bottom no-repeat #3e505e;
    background-size: 65%;
}

.growl_.growl_style_0_2{
    background: url(../img/common/growl/growl_fail_2.gif) left bottom no-repeat #e5c59a;
    background-size: 100%;
}

.growl_.growl_style_0_3{
	background: url(../img/common/growl/growl_fail_3.gif) left bottom no-repeat #83b8a8;
	background-size: 100%;
}

.growl_.growl_style_0_4{
    background: url(../img/common/growl/growl_fail_4.gif) right bottom no-repeat #01b6ad;
    background-size: 65%;
}

.growl_.growl_style_0_5{
	background: url(../img/common/growl/growl_fail_5.gif) center bottom no-repeat #007ba3;
	background-size: 65%;
}

.growl_.growl_style_0_6{
	background: url(../img/common/growl/growl_fail_6.gif) left bottom no-repeat #01b6ad;
	background-size: 100%;
}

.growl_.growl_style_0_7{
    background: url(../img/common/growl/growl_fail_7.gif) left bottom no-repeat #63c9c7;
    background-size: 100%;
}

.growl_.growl_style_0_8{
    background: url(../img/common/growl/growl_fail_8.gif) center bottom no-repeat #83cec3;
    background-size: 65%;
}





.growl_.growl_style_1_1{
	background:url(../img/common/growl/growl_success_1.gif) left top;
	background-attachment: fixed;
}

.growl_.growl_style_1_2{
	background:url(../img/common/growl/growl_success_2.gif) left center;
	background-size: cover;
}

.growl_.growl_style_1_3{
	background:url(../img/common/growl/growl_success_3.gif) left top;
	background-size: cover;
}

.growl_.growl_style_1_4{
	background:url(../img/common/growl/growl_success_4.gif) left top;
	background-size: cover;
}

.growl_.growl_style_1_5{
	background:url(../img/common/growl/growl_success_5.gif) left top;
	background-size: cover;
}

.growl_.growl_style_1_6{
	background:url(../img/common/growl/growl_success_6.gif) left top;
	background-size: cover;
}

.growl_.growl_style_1_7{
	background:url(../img/common/growl/growl_success_7.gif) left top;
	background-size: cover;
}

.growl_.growl_style_1_8{
    background: url(../img/common/growl/growl_success_8.gif) left center;
    background-size: cover;
}
	.growl_.growl_style_1_8 .title{
		color:#000;
	}

.growl_ .title{
	position:relative;
	display:inline-block;
	width: 96%;
	color:#fff;
	font-family: 'Oleo Script Swash Caps', Arial;
	font-size:30px;
	line-height:50px;
	padding:0 2%;
	text-align:center;
}

.growl_ .content{
    position: relative;
    display: inline-block;
    width: 92%;
    color: #000;
    font-family: Arial;
    font-size: 12px;
    padding: 4%;
    background: rgba(255,255,255,0.5);
    text-align: center;
}












/* ALERT LAYER */

.alert_{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 100000000000;
	background:url(../img/alert_layer_1.gif) right top no-repeat #fcdb80;
	background-size:70%;
	background-attachment: fixed;
	opacity:0.8;
}

.alert_.alert_style_1{
	background:url(../img/common/alert/alert_layer_1.gif) right top no-repeat #fcdb80;

}

.alert_.alert_style_2{
	background:url(../img/common/alert/alert_layer_2.gif) right bottom no-repeat #ffe070;

}

.alert_.alert_style_3{
	background:url(../img/common/alert/alert_layer_3.gif) center center no-repeat #fe7838;
}

.alert_.alert_style_4{
	background:url(../img/common/alert/alert_layer_4.gif) center center no-repeat #fc5b1b;
}

.alert_.alert_style_5{
	background:url(../img/common/alert/alert_layer_5.gif) center center no-repeat #83b8a8;
}

.alert_.alert_style_6{
	background:url(../img/common/alert/alert_layer_6.gif) center center no-repeat #877f5a;
}



.alert_inner{
	position: fixed;
    top: 0;
    left: 25%;
    width: 50%;
    background: #FFF;
    color: #000;
    font-family: Aaargh,Arial;
    font-size: 1em;

    border: 10px solid #b30202;
    border-top: 0;
}


.alert_ .title{
    position: relative;
    width: 92%;
    color: #b30202;
    font-family: 'Oleo Script Swash Caps', Arial;
    font-size: 25px;
    line-height: 50px;
    padding: 0 3%;
    text-align: left;
}

.alert_ .content{
    position: relative;
    width: 88%;
    color: #666;
    font-family: Arial;
    font-size: 12px;
    padding: 2% 6%;
    padding-top: 0;
}

.alert_ .content .content_preview{
	text-align:left;
	width:100%;
}

.alert_ .content .actions{
	text-align:right;
	width:100%;
}





.alert_ input[type=submit],
.alert_ input[type=button]{
	background:#666;
	padding:10px 20px;
	border-radius: 5px;
}

.alert_ input[type=submit]:hover,
.alert_ input[type=button]:hover
{
	background-color:#1C1C1C;
	color:#FFF;
	cursor:pointer;
}


.alert_ input[type=submit].delete,
.alert_ input[type=button].delete{
	background:#b30202;
	color:#FFF;
	padding:10px 20px;
}

.alert_ input[type=submit].delete:hover,
.alert_ input[type=button].delete:hover
{
	background-color:#700404;
	color:#FFF;
	cursor:pointer;
}







#global_background{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	z-index:0;
}

#global_background_bis{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	z-index:0;
}



#global_wrapper{
	width:100%;
	height:100%;
	background:transparent;
	padding:0;
	margin:0 auto;
	line-height:28px;
	font-size:14px;
	color:#4A87AD;
	text-align:left;
	font-family:Arial,Verdana,sans-serif;
	display:inline-block;
	overflow:visible;
	z-index:0;
}



#body_wrapper{
	width:100%;
	height:100%;
	background:transparent;
	padding:0;
	margin:0 auto;
	line-height:28px;
	font-size:14px;
	color:#ccc;
	text-align:left;
	font-family:Arial,Verdana,sans-serif;
	display:block;
	overflow:visible;
	z-index:0;
	padding-top:53px;
}

/* WRAPPER NORMAL */



.col_home_center{
	display:flex;
	flex-wrap: wrap;
	position:relative;
	width:95%;
	height:100%;
	background:rgba(248,248,248,0.6);
	line-height:18px;
	font-size:12px;
	color:#999999;
	padding:2.5%;
	text-align:left;
	font-family:Arial,Verdana,sans-serif;
	margin-bottom:15px;
}



.col_home_center.transparent{
	background:transparent;
	padding:0;
	width:100%;
}