/* block top links */

#header_links #header_acces01,
#header_links #header_acces02,
#header_links #header_acces03 { display:none; }

ul#header_links {
	margin: 0;
	list-style-type: none;
	float: left;
	
	font-size:115%;
	font-weight:bold;
}
.ie6 #header_links, .ie7 #header_links, .ie8 #header_links { font-size:110%; }
#header_links li { display:inline-block; color:#ccc; }
.ie6 #header_links li, .ie7 #header_links li  { display:inline; zoom:1; }

#header_links a
{
	display:inline-block;
	margin:0 0.4em;
	line-height:31px;
}
.instance_cle .sep_header_link,
.instance_clq .sep_header_link { display:none; }

#header_link_fb { position:relative; z-index:1; }
#header_link_fb .fb-like { position:absolute; top:5px; right:10px; }

.ie6 #header_links li#header_link_fb, .ie7 li#header_link_fb  { display:inline-block; margin-bottom:-20px; }

.ie8 li#header_link_fb  { display:inline; }
.ie8 #header_link_fb .fb-like { top:20px; }

/****************** MEDIA QUERY ******************/

@media screen and (min-width: 1020px) and (max-width: 1355px) {

    #header_links a {
        margin:0 0.2em;
    }

}

@media screen and (min-device-width: 599px) {

	.instance_clq #header_links #header_acces02 .picto {
		background:none;
		position:relative;
		width:22px;
		height:17px;
		vertical-align:middle;
		margin:auto;
	}
	.instance_clq #header_links #header_acces02 .picto .p01,
	.instance_clq #header_links #header_acces02 .picto .p02,
	.instance_clq #header_links #header_acces02 .picto .p03 {
		position:absolute;
		left:0;
		width:100%;
		height:0;
		border-top:3px solid #ffffff;
		
		transition : all .2s ease-in-out;
		-ms-transition : all .2s ease-in-out;
		-webkit-transition : all .2s ease-in-out;
	}

	.instance_clq #header_links #header_acces02 a:hover .picto .p01,
	.instance_clq #header_links #header_acces02 a:hover .picto .p02,
	.instance_clq #header_links #header_acces02 a:hover .picto .p03,
	.instance_clq #header_links #header_acces02 a:focus .picto .p01,
	.instance_clq #header_links #header_acces02 a:focus .picto .p02,
	.instance_clq #header_links #header_acces02 a:focus .picto .p03	{
		border-top : 3px solid #F2F2F2;
	}

	.instance_clq #header_links #header_acces02 .picto .p02 { top:0; }
	.instance_clq #header_links #header_acces02 .picto .p02 { top:50%; margin-top:-1.5px; }
	.instance_clq #header_links #header_acces02 .picto .p03 { bottom:0; }

	.instance_clq #header_links #header_acces02 a.extended .picto .p01,
	.instance_clq #header_links #header_acces02 a.extended .picto .p03 {
		top : 50%;
		margin-top : -2px;
		transform-origin: 50% 50% 0;
	}

	.instance_clq #header_links #header_acces02 a.extended .picto .p02 {
		opacity : 0;
		visibility : hidden;
	}

	.instance_clq #header_links #header_acces02 a.extended .picto {
		height : 22px;
	}

	.instance_clq #header_links #header_acces02 a.extended .picto .p01 {
		transform : rotate(45deg);
	}

	.instance_clq #header_links #header_acces02 a.extended .picto .p03 {
		transform : rotate(-45deg);
	}

}

@media screen and (max-device-width: 599px) {
	
	/*** MASQUE ***/
	/*#header_links { display:none; }*/

	#header_links #header_link_boutique,
	#header_links #header_link_newsletter,
	#header_links #header_link_blog,

	#header_links #header_link_contact,
	#header_links #header_acces01,
	#header_links #header_acces02,
	#header_links #header_acces03 { display:none; }

	ul#header_links.logged {
		position:absolute;
		top : 0;
		left : 0;
		width : auto;
		z-index : 50;
	}

	
	/* nav mobile depli menu */
	#header_links #header_acces02 {
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		z-index:1;
	}
	#header_links #header_acces02 a {
		display : block;
		width : 45px;
		height : 45px;
		line-height : 45px;
		text-align : center;
	}
	#header_links #header_acces02 a:hover,
	#header_links #header_acces02 a:focus {
		background : #122550;
	}
	#header_links #header_acces02 .picto {
		background:none;
		position:relative;
		width:22px;
		height:17px;
		vertical-align:middle;
		margin:auto;
	}
	#header_links #header_acces02 .picto .p01,
	#header_links #header_acces02 .picto .p02,
	#header_links #header_acces02 .picto .p03 {
		position:absolute;
		left:0;
		width:100%;
		height:0;
		border-top:3px solid #122550;
	}
	
	#header_links #header_acces02 a:hover .picto .p01,
	#header_links #header_acces02 a:hover .picto .p02,
	#header_links #header_acces02 a:hover .picto .p03,
	#header_links #header_acces02 a:focus .picto .p01,
	#header_links #header_acces02 a:focus .picto .p02,
	#header_links #header_acces02 a:focus .picto .p03	{
		border-top : 3px solid #ffffff;
	}
	
	#header_links #header_acces02 .picto .p02 { top:0; }
	#header_links #header_acces02 .picto .p02 { top:50%; margin-top:-1.5px; }
	#header_links #header_acces02 .picto .p03 { bottom:0; }
	
	/* recherche mobile */
	#header_links #header_acces03 {
		display:block;
		position:absolute;
		top:0px;
		left:45px;
		z-index:1;
	}
	#header_links #header_acces03 a {
		display : block;
		width : 45px;
		height : 45px;
		line-height : 45px;
		text-align : center;
	}
	#header_links #header_acces03 a:hover,
	#header_links #header_acces03 a:focus {
		background : #122550;
		color:#fff;
	}
	#header_links #header_acces03 .picto {
		position:relative;
		width:22px;
		vertical-align:middle;
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		height:22px;
		line-height : 22px;
		margin: auto;
	}
	#header_links #header_acces03 a:hover
	#header_links #header_acces03 a:focus {
		color:#fff;
	}
	
	#header_links a {
		color : #11234b;
		font-size: 12px;
		line-height: 45px;
		margin: 0 10px 0 0;
	}
	
	#header_links .picto {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		display: inline-block;
		font-size: 16px;
		height: 16px;
		margin-right: 5px;
		vertical-align: baseline;
		width: 16px;
		font-weight : 700;
	}

}