/*
@font-face { 	
	font-family: "Average Sans",	
	src: url('../fonts/AverageSans-Regular.ttf');
}
*/

/* html5doctor.com/html-5-reset-stylesheet/ */
ul,li,html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video { 
 margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; 
} 
 
body { line-height:1; }

blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }


/*-  BASE STYLES
----------------------------------------------------------------------*/


body {
	font-family: "Average Sans", sans-serif;
	background-color:#e5e9eb;
	/*
	background: #CECECE url("http://www.explorearras.com/img/body.gif");
	background: url("http://www.explorearras.com/img/tile.png") repeat-x -2% -230px,
		url("http://www.explorearras.com/img/tile.png") repeat-x -4% 550px,
		url("http://www.explorearras.com/img/tile.png") repeat-x -8% 80%,
		url("http://www.explorearras.com/img/body.gif") repeat -50% 0,
		#CECECE;
	color: #303030;
	font: normal 100%/1.5 Calibri, Candara, "Gill Sans", "Gill Sans MT", sans-serif;
	*/
}
.ie7 body {
	/*background: #CECECE url("http://www.explorearras.com/img/body.gif");*/	/* Stupid IE7 bug is stupid. */
}

.logo, .nav-primary {
  position:relative;
  z-index:100;
}

.page {
/*	width:1023px;*/
	max-width:1024px;
	width:100%;
/*	width:90%;*/
	margin:0 auto;
/*	background-color:#9dadba;*/
/*	margin-bottom:400px;*/
}

#header {
	height:60px;
	
	position:relative;
	z-index:49;
/*	background-color:#e5e9eb;	*/
/*	background-color:#dee4e6;*/
	background-color:#e4e9eb;
/*	clear:both;*/
}

.logo {
/*  background-color:#006290;*/
/*  background-color:#dee4e6;*/
  background-color:#e4e9eb;
/*  background-color:#e5e9eb;*/
  
  float:left;
/*  width:44.0860215053763%;*/ /* 451px / 1023px */
/*  width:452px;*/
  width:335px;
/*  height:60px;*/
}

.logo img {
  display:block;
  background-color:#DEE4E6;
  background-color:#e4e9eb;
  max-height:60px;
  max-height:55px;
  margin-top:5px;
}

img {
  max-width:100%;
  height:auto;
}

/* @group -MENU
------------------------------------------------------------------------------------------*/

#menu {
	height:60px;
/*	background-color:#abc;
	background: #e5e9eb;
	background-color:#dee4e6;
	background-color:#e5e9eb;	*/
/*	background-color:#dee4e6;	*/
	background-color:#e4e9eb;
/*	width: 572px;*/
}


/* @end -MENU */

/* @group -gallery
------------------------------------------------------------------------------------------*/


#gallery {
/*	width:1024px;*/
	width:100%; /* 1024px / 1024px */
	height:400px;
/*	height:400px;*/
	min-height:400px;
/*	height:auto;*/

/*	background:transparent url("../img/place-arras.jpg");*/
	position:relative;
	z-index:2;
	clear:both;
}

#gallery img {
/*	width:1024px;
	height:408px;*/
	width: 100%;
	height:auto;
}

#ombre_gallery {
		background:transparent url("../img/ombre.png");
/*		width:1024px;*/
		width:100%; /* 1024px / 1023px */
		height:11px;
/*		height:auto;*/
		background-repeat:no-repeat;
		background-position:bottom center;
		position:relative;
		top:-2px;
		
}

/* @end -gallery */

/* @group -container
------------------------------------------------------------------------------------------*/
#container {
	width:100%;
	height:214px;
}


#texte {
	width: 64.51612903%; /* 660px / 1023px */
	width: 65.98240469%; /* 675px / 1023px */
	width: 68.98240469%;
/*	height:204px;*/
	height: auto;
	float:left;
	margin-left: 4.8828125%; /* 50px / 1024px */
	margin-top:15px;
	margin-top:5px;
	margin-left: 3.8828125%;
	width: 70%;
}

#texte_title {
	color:#fff;
/*	height:30px;*/
	height:auto;
	width:100%;
}

#texte_title h1 {
	font-weight:normal;
	font-size:1em; /* 16px / 16px */
	text-transform:uppercase;
	font-weight:normal;
	color:#000;
}

#texte_header {
	margin-top:5px;
	color:#fff;
/*	height:30px;*/
	height:auto;
	width:100%;	
}

/*
#texte_header_picto {
	width:27px;
	float:left;
}
*/

#texte_header h1 {
	font-weight:normal;
	color:#fff;
	font-size:1.5em; /* 24px / 16px */
	font-size:1.3em;
	text-transform:uppercase;
	font-weight:normal;
}

#texte_header h1 img {
	width:25px;
}

#texte_content {
/*	margin-top:10px;*/
	margin-top:5px;
	width:100%;
	color:#000;
	font-size:0.8125em; /* 13px / 16px */
	margin-bottom:5px;
	height:auto;
}

#texte_content p {
	color:#fff;
	font-size:1.0625em; /* 17 px / 16px */
	line-height:140%;
	color:#000;
}


#container_menu_univers {
/*	height:214px;*/
	position:relative;
}

.ombre_left {
	width: 0.78125%; /* 8px / 1024px */
	height:388px;
	background:transparent url("../img/ombre-left.png");
	background-repeat:no-repeat;
	background-position:bottom center;
	z-index:5;
	right:23.92578125%; /* 245px / 1024px */
	/*right:23.94916911045943%; */ /* 245px / 1023px */
	position:absolute;
	top:-174px;

}


#menu_univers {
	width:23.92578125%;/* 245px / 1024px */
	
	height:388px;
	background-color:#006290;
/*	float:right;*/
	/*-moz-box-shadow: -3px 3px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: -3px 3px 5px rgba(0,0,0,0.25);
	box-shadow: -3px 3px 5px rgba(0,0,0,0.25);*/
	z-index:5;
	right:0;
	position:absolute;
	top:-174px;

}

#menu_univers ul {
	margin:0;
	padding:0;
	list-style-type:none;
	text-transform:uppercase;
	font-size:14px;
	font-size:0.875em; /* 14px / 16px */	
}

#menu_univers li {
	line-height:24px;
	padding-left:17px;	
/*	margin-bottom:5px;*/
/*	background-color:#ddd;*/
	/*-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 3px rgba(0,0,0,0.25);*/

}

#menu_univers a, #menu_univers a:link, #menu_univers a:visited {
	color:#fff;
	text-decoration:none;
}

#menu_univers a:hover {
	color:#e5e9eb;
}

.element_univers {
	cursor:pointer;
	color:#fff;
}


.univers_1 {
	background-color:#d6b513;
	padding-left:17px;
}

.univers_2 {
	background-color:#c7749b;
	padding-left:17px;
}

.univers_3 {
	background-color:#a3a3c7;
	padding-left:17px;
}

.univers_4 {
	background-color:#999671;
	padding-left:17px;
}

.univers_5 {
	background-color:#c75d73;
	padding-left:17px;
}

.univers_6 {
	background-color:#c7cb2b;
	padding-left:17px;
}

.univers_7 {
	background-color:#6ab1c4;
	padding-left:17px;
}

.univers_8 {
	background-color:#d77e43;
	padding-left:17px;
}

.ombre_univers {
	width:100%; /* 245px / 245px */
	width: 93.0612245%;		/* 228px / 245px */
	height:8px;
	background:transparent url("../img/ombre-univers.png");
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}



#search {
/*	width:100%;*/
	width:100%; /* 245px / 245px */
	margin-top:17px;
	height:17px;
	position:relative;
/*	width:42,88321168%;*/
	display:none;
}

#search_input {
	position:absolute;
	right:0;
/*	float:right;*/
	border:0px;
/*	width:225px;*/
	width:91.83673469387755%; /* 225px / 245px */
	padding-left: 4.08163265%; /* 10px / 245px */
	height:18px;
	background-color:#e5e9eb;
	color:#006290;
	font-size:0.5625em; /* 9px / 16px */
	border-radius:0;
	opacity:0;
}

#pictos {
/*	margin-top:30px;*/
	margin-top:20px;
/*	width:245px; */
	width: 100%; /* 245px / 245px */
	background-color:#006290;
	height:auto;
}

#social {
	float:left;
	margin-top:14px;
/*	margin-left:36px;	*/
	margin-left: 16.3265306122449%; /* 36px / 245px */ 
	width:36.73469388%; /* 90px / 245px */	
	width:59.99999999%;
	margin-left:0;
	text-align:center;
	margin-left:5%;
}

#social img {
/*	width:40px;*/
	max-width:41.111111112%; /* (marge 8 px à droite)*/
	max-width:30%;
	max-width:25%;
}

#carte {
	float:left;
	margin-left:27px;
	width: 24.48979591836735%; /* 60px / 245px */
	width: 29.9999999%;
	margin:0;
	text-align:center;
}

#carte img {
/*	width:60px; */
	max-width:100%;
	max-width:80%;
}

/* @end -container */

#groupes {
	display:none;
}


/* @group -footer
------------------------------------------------------------------------------------------*/

#footer {
	font-size:0.75em; /* 12px / 16px */
	color:#b9c4ce;
	position: relative;
/*	margin:0 auto;*/
/*	width:1024px;*/
	width:100%; /* 1024px / 1024px */
	height:60px;
	background-color:#73899c;
	text-align:center;
	line-height:60px;
	/*	top:-174px;*/
	/*display:none;*/
	
	clear:both;
}

#footer .mentions {
	line-height:40px;
}

#footer a,#footer a:link, #footer a:visited {
	color:#b9c4ce;
	text-decoration:none;	
}

#footer a:hover {
	color:#fff;
	text-decoration:none;
}

#footer p{
	margin:0;
	padding:0;
	color:#b9c4ce;	
	line-height:140%;
/*	text-align:center;*/
}


#footer ul {
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

#footer li {
	display: inline; 
	float: left;
	
}


.footer_adresse {
	width:29.296875%; /* 300px / 1024px */
	margin-top:15px;
	background:transparent url("../img/rightbar_footer.png");
	background-position:right;
	background-repeat:no-repeat;
	margin-left:1.9531248%;
	
}

.footer_adresse p {
	text-align:left;
}

.footer_groupes {
/*	width:140px;*/
	width:13.671875%; /* 140px / 1024px */	
	background:transparent url("../img/rightbar_footer.png");
	background-position:right;
	background-repeat:no-repeat;

}

.footer_billetterie {
/*	width:130px;*/
	width:12.6953125%; /* 130px / 1024px */	
	background:transparent url("../img/rightbar_footer.png");
	background-position:right;
	background-repeat:no-repeat;

}

.footer_brochures {
/*	width:209px;*/
	width:20.41015625%; /* 209px / 1024px */		
	background:transparent url("../img/rightbar_footer.png");
	background-position:right;
	background-repeat:no-repeat;

}

.footer_drapeaux {
/*	width:245px;*/
/*	width:150px;*/
	width:14.6484375%; /* 150px / 1024px */		
/*	margin-left:48px;*/
	margin-left: 4.6875%; /* 48px / 1024px -> element container */

}

.footer_drapeaux ul {
/*	width:150px;*/
	width: 100%; /* 150px / 150px */
	margin-left:auto;
	margin-right:auto;
}

.footer_drapeaux li {
	width:18%;
	margin:0 3.5%;
	background:none;
}


.footer_drapeaux img {
/*	width:25px; 
	height:16px;*/
	width:100%;
	vertical-align:middle;
}


/* @end -footer */

/* @group -.selected
------------------------------------------------------------------------------------------*/

.selected a, .selected a:link, .selected a:visited {
/*	color:#f00;*/
}

.selected a:hover {
	background-color:#2F2F2F;
}

/* @end -selected */

/* @group -.closeMenu
------------------------------------------------------------------------------------------*/

.closeMenu {
			margin:0;
			background-color:#006290;
			display:none;
}

.closeMenuButton {
	color:#fff;
	background-color:#006290;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
	text-align:right;
	margin-right:5px;
	float:right;
    text-align:center;
  	width:30px;
}


/* @end -.closeMenu */


.ie .logo,
.ie .logo a,
.ie .sf-menu,
{
	zoom: 1;
}



/* @group -.thumbs
------------------------------------------------------------------------------------------*/

#thumbs {
	height:0;
	display:none;
	width:76.171875%;
	opacity:0.7;
}

#thumbs ul { 
 position:relative;
 top:-20px;
 opacity:0.8;
 width:80%;
 margin:auto;
 text-align:center;
font-size:0.75em;  /* 12px / 16px */
}

#thumbs li {
	display:inline;
	list-style-type:none;
	background-color:#000;	
	margin: 0 1px;
	text-align:center;
}


#thumbs a,#thumbs a:link, #thumbs a:visited {
	text-decoration:none;
	padding:0 5px;	
}


/* @end -thumbs */

#loader {
	display:none;
}

#legende {
	display:none;
	width: 76.171875%;
	height:auto;
	text-align:center;
	position:relative;
	top:-2px;
}


.fancybox-media img{
/*	width:5.5%;*/
	width:15%;
}

.media {
	width:80%;
	text-align:center;
	margin:0 auto;
/*	margin-top:8px;*/
	margin-top:7px;
	margin-bottom:7px;
}

#nav {
	position:relative;
	width:100%;
	top:-190px;
	z-index:20;
	height:auto;
}

.prev {
	background-color:#000;
	color:#fff;
	float:left;
}

.next {
	background-color:#000;
	color:#fff;
	float:right;
}

.play {
	display:none;
}

.pause {
	display:none;
}

div.nav-controls {

}

#config {
	display:none;
}

.currentlng {
	border:1px solid #fff;
}

#texte_content a,#texte_content a:link,#texte_content a:visited {
	color:#006290;
	text-decoration:none;
}

#texte_content a:hover {
	color:#fff;
	text-decoration:none;
}

.moreinfo {
	float:right;
}

/* @group -footer_ext
------------------------------------------------------------------------------------------*/

#footer_ext {
	font-size:0.75em; /* 12px / 16px */
	color:#b9c4ce;
	position: relative;
/*	margin:0 auto;*/
/*	width:1024px;*/
	width:100%; /* 1024px / 1024px */
/*	height:40px;*/
	background-color:#73899c;
	text-align:center;
	height:60px;
	line-height:60px;
	/*	top:-174px;*/
	/*display:none;*/
	
	clear:both;
	background-color:#006290;
}

#footer_ext .mentions {
	line-height:40px;
}

#footer_ext a,#footer_ext a:link, #footer_ext a:visited {
	color:#b9c4ce;
	color:#fff;
	text-decoration:none;	
}

#footer_ext a:hover {
	color:#fff;
	text-decoration:none;
}

#footer_ext p{
	margin:0;
	padding:0;
	color:#b9c4ce;	
	line-height:140%;
/*	text-align:center;*/
}


#footer_ext ul {
	list-style: none; 
	margin: 0; 
	padding: 0; 
}

#footer_ext li {
	display: inline; 
/*	float: left;*/
	float:right;
	text-transform:uppercase;
}


.footer_ext_adresse {
	width:29.296875%; /* 300px / 1024px */
	margin-top:15px;
	background:transparent url("http://www.explorearras.com/img/rightbar_footer_ext.png");
	background-position:right;
	background-repeat:no-repeat;
	margin-left:1.9531248%;
	
}

.footer_ext_adresse p {
	text-align:left;
}

.footer_ext_groupes {
/*	width:140px;*/
	width:13.671875%; /* 140px / 1024px */	
	background:transparent url("../img/rightbar_footer.png");
	background-position:right;
	background-repeat:no-repeat;

}


.extent {
 margin-left:1%;
 padding-right:1%;
}

.auto {
 width:auto;
 padding-left:1%;
 padding-right:2%;
 text-align:center;
}

.no_background {
	background:none;
}

.footer_ext_billetterie {
/*	width:130px;*/
	width:12.6953125%; /* 130px / 1024px */	
	background:transparent url("http://www.explorearras.com/img/rightbar_footer_ext.png");
	background-position:right;
	background-repeat:no-repeat;

}

.footer_ext_brochures {
/*	width:209px;*/
	width:20.41015625%; /* 209px / 1024px */		
	background:transparent url("http://www.explorearras.com/img/rightbar_footer_ext.png");
	background-position:right;
	background-repeat:no-repeat;

}

.footer_ext_drapeaux {
/*	width:245px;*/
/*	width:150px;*/
	width:14.6484375%; /* 150px / 1024px */		
/*	margin-left:48px;*/
	margin-left: 4.6875%; /* 48px / 1024px -> element container */

}

.footer_ext_drapeaux ul {
/*	width:150px;*/
	width: 100%; /* 150px / 150px */
	margin-left:auto;
	margin-right:auto;
}

.footer_ext_drapeaux li {
	width:18%;
	margin:0 3.5%;
	background:none;
}


.footer_ext_drapeaux img {
/*	width:25px; 
	height:16px;*/
	width:100%;
	vertical-align:middle;
}

/* @end -footer_ext */


#footer_mentions {
	background-color:#e5e9eb;
	text-align:center;
	padding:10px 0;
	font-size:0.8em;
}


#footer_mentions a,#footer_mentions a:link, #footer_mentions a:visited {
	color:#686868;
	text-decoration:none;	
}

#footer_mentions a:hover {
	text-decoration:none;
	color:#b9c4ce;
}



#footer_ext li.footer_ext_newsletter {
	float:left;
	margin-left:3%;
}



#footer_newsletter {
	display:none;
	text-align:center;
	padding:10px 0;
	text-transform:uppercase;
	background-color:#6ab1c4;
	font-size:0.85em;
}

#footer_newsletter a, #footer_newsletter a:link, #footer_newsletter a:visited {
	color:#fff;
	text-decoration:none;
}

#footer_newsletter a:hover {
	color:#fff;
}