/**
 * @title		Global Header Styles
 */

#header {
	position:fixed;
	z-index:20;
	height:50px;
/*	background-color:white;*/
	background-color:e5e5e5;
	opacity:0.9;
	filter: alpha(opacity=90); /* Pour IE */
	width:100%;
/*	width:940px; height:115px;
*/}

/**
 * @section		Identity / Logo
 */
#identity {
	float:left;
}
#logo img, #logo a {

	display:block;
	float:left;
}



/**
 * @section		Localisations
 */
#localisations {
	float:right;
	height:27px;
}
#localisations li {float:left;}
#localisations a {display:block;}
#localisations img {
	display:block;
}

/**
 * @section		Account
 */
#account {

	height: 50px;
    float: left;
    text-align: center;
}
#account form{height:75px;}
#account > a {
	display:block;
	margin-right:20px;
	height: 50px;
    line-height: 50px;
    text-transform: uppercase;
/*
	width:165px;
	height:30px;
	color:#fff;
*/
}

/**
 * @section		Welcome message
 */
#account blockquote {
}
#account blockquote em {
	color:#a2246b;
	font-weight:bold;
}
#account blockquote p {
	position:relative; z-index:10;
	margin:0;
	font-size:14px;
	line-height:1.8;
}
#account blockquote .img {
	position:absolute; z-index:5;
	display:block;
	background:url(/templates/nurun/images/global-sprite.png) no-repeat;
}
#account blockquote .img.open {
	top:13px; left:0;
	width:46px; height:41px;
	background-position:-60px -80px;
}
#account blockquote .img.close {
	bottom:10px; right:0;
	width:37px; height:32px;
	background-position:-110px -80px;
}

/**
 * @section		Account Navigation
 */

#account-nav {
	margin-right:22px;
}
#account-nav ul {
    padding-left: 30px;
    padding-right: 30px;
    background-color: #42474b;
    padding-bottom: 10px;
    padding-top: 10px;
}
#account-nav li {
	float:left;
	margin-left:30px;
	font-size:12px;
	line-height:25px;
}
#account-nav li button {
	border:none;
	background-color: transparent;
	color:#ffffff;
	padding-top:8px;
	font-size:12px;
	*padding-top:0px;
	*margin-top:-23px;
	*float:left
}
#account-nav li .cross{
	*margin-top:14px;
}
#account-nav li button:hover{
	text-decoration:underline;
	cursor:pointer
}
#account-nav li:first-child {
	margin-left:0;
}
#account-nav a {
	display:block;
	padding-top:5px;
	color:#fff;
	float:left;
}
#account-nav a .img {
	float:left;
	margin:9px 5px 0 0;
	background:none;
}


/**
 * @section		Login
 */
#login {
	position:absolute; right:0px;/* top:115px;*/
	width:500px;
	background:white;
	visibility :hidden;
    border-top: 1px solid black;
}

#form_Login {
	padding:15px 25px;
}
#form_Login .text {
	float:left;
	width:100%;
}
#form_Login .text.pass {margin-top:15px;width:100%;}
#form_Login .text input {width:190px;height:20px;float:left;border:0px;border-bottom: 1px solid black;}
#form_Login .text label {display:block;width:125px;float:left;text-transform: uppercase;text-align:right;margin-right: 10px;}
#form_Login .actions {
	clear:both;
	padding-top:10px;
}
#form_Login .text input:focus
{
	outline:0px;
}
#form_Login .actions .btn {
	float:left;
	margin:0;
}
#form_Login .actions > a {
	float:right;
	color:#007e7e;
	font-size:11px;
	margin-top: 15px;
}
#form_Login .actions > a .img {
	float:left;

	margin:3px 3px 0 0;
	width:10px; height:10px;
	background:url(/templates/nurun/images/global-sprite.png) no-repeat -406px -25px;
}
#login > p, .login_p {
		margin: 0;
    padding: 10px 0px 10px 0px;
    background-color: #f2f2f2;
    float: left;
    width: 100%;
    text-align: center;
    color: #33b246;
   margin-top: 40px;
}
#login > p a {
	color:#33b246;
	font-weight:bold;
	text-decoration:underline;
}
#login > p a:hover, #login > p a:focus {text-decoration:none;}

#login p i {
    font-size:11px;
    color:#000;
    display:none;
}

/**
 * @section		Template Affiliation / Baseline
 */
ul#baseline {
	float:left;
	padding:40px 0 0 25px;
}
ul#baseline li {
	float:left;
	padding-right:10px;
	padding-left:15px;
	color:#007d7d;
	font-size:16px;
	background:url(/templates/nurun/images/picto/bul.png) no-repeat 0 10px;
}
#page #header ul#baseline li:first-child {
	background:none;
}

/**
 * @workaround		Clearing
 */
#form_Login .actions:after, #account-nav:after, #baseline:after, #account-nav ul {
	display:block;
	clear:both;
	width:auto;
	overflow:hidden;
}
.closeLogin{
	position:absolute;
	font-size:13px;
	right:25px;
	top:25px;
	text-transform: uppercase;
	background-image:url("/templates/nurun/images/error.png");
	height:25px;
	background-size:100%;
	width:25px;

}

#logo img
{
	width: auto;
    height: 35px;
	padding: 5px;
	padding-bottom: 10px;
}
.bouton_login
{
	float:right;
	transition:0.3s;
    padding: 0px 15px 0px 15px;
}
.bouton_login:hover
{
	cursor:pointer;
 color:white;
 background-color: #42474b;
 text-decoration: none;
 transition:0.7s;
}
@media screen and (max-width: 1000px) {
	
#logo img {
	margin-left: auto;
    margin-right: auto;
    float:none;
}
#logo a
{
	float:none;
}
}