@import url("reset.css");

@font-face{
	font-family: "HelveticaNeue";
	src: url('fonts/HelveticaNeue.eot');
	src: url('fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeue.woff') format('woff'),
		url('fonts/HelveticaNeue.ttf') format('truetype'),
		url('fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	background: #6b8fb4 url('../images/fra_bckg_body.jpg') no-repeat top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 0.8em;
	color: #333333;
}
.page-nouvelle, .page-lightbox{ background: #ffffff; }
div#pattern, div#bckg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../images/fra_bckg_pattern.png') repeat top left;
	z-index: -999999;
}
div#bckg{ background: url('../images/fra_bckg_body.jpg') no-repeat top center; }
strong{ font-weight: bold; }
em{ font-style: italic; }
a{
	text-decoration: underline;
	color: #105fc9;
}
a:hover, a:active{
	text-decoration: none;
	color: #000000;
}
#supportingText a[rel="external"]{ background: url('../images/ico_external.gif') 99% 40% no-repeat; padding-right: 16px; }
#supportingText a[href$=".pdf"], a.pdf{ background: url('../images/ico_pdf.gif') 0% 60% no-repeat; padding-left: 20px; }
#supportingText h3 a[href$=".pdf"]{ background: none; padding-left: 0; }
a.plus{ background: url('../images/ico_plus.gif') 0% 60% no-repeat; padding-left: 12px; }
a.minus{ background: url('../images/ico_minus.gif') 0% 60% no-repeat; padding-left: 12px; }
/*a[rel="lightbox"] img, a.border{ border: 2px solid #cccccc; }
a[rel="lightbox"]:hover img, a.border:hover{ border: 2px solid #105fc9; }*/
a.border{ border: 2px solid #cccccc; }
a.border:hover{ border: 2px solid #105fc9; }
img{
	max-width: 100%;
	height: auto;
	border: 0;
}
.left{ float: left; }
.right{ float: right; }
.center{ text-align: center; }
.clear{ clear: both; }
.clearfix{ clear: both; height: 1px; }
.hidden{ display: none; }
.link{ color: #5ba13b; }
del.diffchange{ font-weight: bold; color: #990000; }
ins.diffchange{ font-weight: bold; color: #339900; }

.ui-wait{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.95);
	z-index: 9999;
}
.ui-wait > div{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 50px;
	margin: -55px 0 0 -100px;
}
.ui-wait > div > p{
	position: relative;
	top: 50px;
	padding: 4px 0;
	text-align: center;
	/*color: #798c9c;*/
	/*white-space: nowrap;*/
}
.ui-wait-circular{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	animation: rotate 2s linear infinite;
	transform-origin: center center;
}
.ui-wait-path{
	stroke: #2d8ac7;
	stroke-dasharray: 1,200;
	stroke-dashoffset: 0;
	stroke-linecap: round;
	stroke-width: 2;
	stroke-miterlimit: 10;
	fill: none;
	animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate{
	100%{
		transform: rotate(360deg);
	}
}
@keyframes dash{
	0%{
		stroke-dasharray: 1,200;
		stroke-dashoffset: 0;
	}
	50%{
		stroke-dasharray: 89,200;
		stroke-dashoffset: -35px;
	}
	100%{
		stroke-dasharray: 89,200;
		stroke-dashoffset: -124px;
	}
}

/* _______________________________________________________________________
 * Form */
form div{
	clear: both;
	padding: 4px 0;
}
fieldset{ border: 0; }
form legend{
	width: 100%;
	padding: 4px 0;
	display: block;
	border-bottom: 1px solid #dddddd;
}
label{
	display: block;
	font-weight: bold;
	color: #000000;
}
span.required{ color: #ff0000; }
input, textarea, select{ font: 1em Arial, Tahoma, sans-serif; }
input.input, input.auto, textarea, select{
	width: 385px;
	padding: 9px 7px;
	background: #fafafa;
	border: 1px solid #cccccc;
}
select{ width: 402px; }
input.input:focus, input.auto:focus, textarea:focus, select:focus{
	background: #ffffff;
	border: 1px solid #105fc9;
}
input.auto, select.auto{ width: auto; }
#container p.btn{
	width: auto;
	padding: 0 0.5em 0 0;
}
p.btn a{ display: block; }
a.btn{ display: inline-block; }
p.btn a, #supportingText p.btn a, input.btn{ padding: 6px 12px; }
p.btn a, input.btn, a.btn{
	background: #f3f3f3;
	border: 1px solid #b9babc;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	cursor: pointer;
	color: #19243d;
}
p.btn a, input.btn, a.btn{ padding: 8px 12px 9px 12px; }
p.btn a:hover, input.btn:hover, a.btn:hover,
p.btn a.hover, input.btn.hover, a.btn.hover{
	background: #2093dd;
	border: 1px solid #1575d2;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	color: #ffffff;
}
div.margin{
	float: right;
	padding: 0 220px 0 0;
}
.ui-progressbar, .ui-progressbar-value{
	width: 390px;
	height: 1em;
	margin: -1px;
	padding: 0;
}

/* _______________________________________________________________________
 * Table */
table{
	clear: both;
	width: 100%;
	margin: 6px 0;
	border-collapse: collapse;
	font-size: 0.9em;
}
table span.right{ padding-left: 25px; }
table td,
table th{
	padding: 5px;
	border: 1px solid #dddddd;
	vertical-align: top;
}
table th{
	border: 1px solid #2677a2;
	font-weight: bold;
	color: #ffffff;
}
table td.right{
	float: none;
	text-align: right;
}
table tfoot td{ border: none; }
#container table .btn{
	padding: 0 0 0 0.5em;
	font-size: 1.1em;
}

/* _______________________________________________________________________
 * Container */
#container{
	width: 990px;
	margin: 0 auto;
	padding: 5px 6px 0 6px;
	text-align: left;
}
.page-nouvelle #container, .page-lightbox #container{
	width: 98%;
	padding: 20px 1% 0 1%;
}
#content{
	clear: both;
	margin: 12px 0 0 0;
	background: #ffffff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	line-height: 1.5em;
}
#content:after{
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	content: ".";
}

/* _______________________________________________________________________
 * Header */
header{
	height: 270px;
	background: transparent url('../images/fra_bckg_header.png') no-repeat top center;
}
header .access{ float: left; }
header .access li, header .nav, .sr-only{
	display: none;
	float: left;
	padding: 20px 10px;
}
header .access a, header .nav a{
	display: block;
	width: 32px;
	height: 32px;
	background: url('../images/ico_access.png') no-repeat top left;
	background-size: 128px 32px;
	text-decoration: none;
}
header .access .open, header .nav .open{ background-position: -32px 0; }
header .access span, header .nav span{ visibility: hidden; }
header .nav{ float: right; }
header .nav a{
	background-position: -96px 0;
	text-indent: -9999px;
}
header .logo{ float: left; }
header .logo a{
	display: block;
	width: 135px;
	height: 50px;
	background: url('../images/fra_bckg_logo.png') no-repeat center center;
	background-size: 100% auto;
	text-decoration: none;
	text-indent: -9999px;
}
@media screen and (min-width: 769px){
	header .logo{ padding: 40px 20px 0 0; }
	header .logo a{
		width: 510px;
		height: 190px;
		background-size: auto auto;
	}
}

#slider{
	position: relative;
	float: left;
	width: 450px;
	height: 200px;
	margin: 3px 0;
	overflow: hidden;
	-webkit-box-shadow: 0px 1px 3px 0px #999999;
	-moz-box-shadow: 0px 1px 3px 0px #999999;
	box-shadow: 0px 1px 3px 0px #999999;
}
/*#slider img{ visibility: hidden; }*/

/* _______________________________________________________________________
 * Nav */
#nav{
	float: right;
	padding: 1px 28px 0 0;
}
#nav ul li{
	float: left;
	padding: 0 10px;
	border-left: 1px solid #0c7ee5;
}
#nav ul li.item1{ border: 0; }
#nav ul li a{
	display: block;
	padding: 6px 0;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
}
#nav ul li a:hover{
	text-decoration: underline;
	color: #ffffff;
}

/* _______________________________________________________________________
 * Menu */
#menu{
	clear: both;
	height: 40px;
	margin: 0 -6px;
	background: #1575d2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2093dd), color-stop(1, #1575d2));
	background: -webkit-linear-gradient(top, #2093dd, #1575d2);
	background: -moz-linear-gradient(top, #2093dd, #1575d2);
	background: -ms-linear-gradient(top, #2093dd, #1575d2);
	background: -o-linear-gradient(top, #2093dd, #1575d2);
	background: linear-gradient(top, #2093dd, #1575d2);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}
#menu ul li{
	position: relative;
	float: left;
	padding-left: 1px;
}
#menu ul li.item1{ background: url('../images/fra_bckg_menu1.gif') no-repeat bottom left; padding: 0; }
#menu ul li.item2{ background: url('../images/fra_bckg_menu2.gif') no-repeat bottom left; }
#menu ul li.item3{ background: url('../images/fra_bckg_menu3.gif') no-repeat bottom left; }
#menu ul li.item4{ background: url('../images/fra_bckg_menu4.gif') no-repeat bottom left; }
#menu ul li.item5{ background: url('../images/fra_bckg_menu5.gif') no-repeat bottom left; }
#menu ul li.item6{ background: url('../images/fra_bckg_menu6.gif') no-repeat bottom left; }
#menu ul li.item7{ background: url('../images/fra_bckg_menu7.gif') no-repeat bottom left; }
#menu ul li.item8{ background: url('../images/fra_bckg_menu2.gif') no-repeat bottom left; }
.ie6 #menu ul li, .ie7 #menu ul li{ height: 1em; }
#menu ul li a{
	display: block;
	height: 14px;
	padding: 13px 10px 13px 13px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "HelveticaNeue", "Trebuchet MS", Tahoma, sans-serif;
	font-size: 1.1em;
	color: #ffffff;
}
.ie6 #menu ul li a{ width: 60px; }
/*.ie6 #menu ul li a, .ie7 #menu ul li a, .ie8 #menu ul li a, .ie9 #menu ul li a{ letter-spacing: -1px; }*/
/*.ie6 #menu ul li a, .ie7 #menu ul li a, .ie8 #menu ul li a, .ie9 #menu ul li a{ font-size: 1.1em; }*/
#menu ul li a:hover{ background: #105fc9; }
#menu ul li a.current{ background: #0c2c5e; }
#menu ul li span{ padding-left: 24px; }
#menu ul li a:hover span,
#menu ul li a.current span{ background: url('../images/fra_bckg_menu_rl.png') no-repeat 2px 3px; }
#menu ul ul{
	position: absolute;
	display: none;
	background: #ebebeb url('../images/fra_bckg_smenu.gif') repeat-x top left;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	list-style: none;
	z-index: 200;
}
.ie6 #menu ul ul, .ie7 #menu ul ul, .ie8 #menu ul ul{
	border: 1px solid #cccccc;
	border-top: 0;
}
#menu ul ul li{
	float: none;
	padding: 0;
	background: url('../images/fra_bckg_smenu.png') no-repeat 14px 0;
}
#menu li.item2 ul li, #menu li.item8 ul li{ background-position: 14px -40px; }
#menu li.item3 ul li{ background-position: 14px -80px; }
#menu li.item4 ul li{ background-position: 14px -120px; }
#menu li.item5 ul li{ background-position: 14px -160px; }
#menu li.item6 ul li{ background-position: 14px -200px; }
#menu ul ul a{ color: #19243d; }
#menu ul ul a:hover,
#menu ul ul a.current{ color: #ffffff; }

/* _______________________________________________________________________
 * Sidebar */
#sidebar{
	float: right;
	width: 300px;
	padding: 20px 10px;
}
h3.partners{
	height: 21px;
	padding: 10px;
	background: #1575d2 url('../images/ico_partners.gif') no-repeat 15px 10px;
	color: #ffffff;
}
h3.partners span{ visibility: hidden; }
.fanbox iframe{ width: 100%; }
/*#sidebar ul.smenu{
	margin: 10px 0;
	border: 1px solid #ffffff;
}
#sidebar ul.smenu li a{
	display: block;
	padding: 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e3e5e7;
	text-decoration: none;
	color: #333333;
}
#sidebar ul.smenu li.item1 a{ border-top: 0; }
#sidebar ul.smenu li a:hover{
	background: #0c2c5e;
	border-bottom: 1px solid #0c2c5e;
	color: #ffffff;
}
#sidebar ul.smenu li a.current,
#sidebar ul.smenu li a.current:hover{
	background: #0c4a1b;
	border-bottom: 1px solid #0c4a1b;
	font-weight: bold;
	color: #333333;
}*/

#supportingText ul.smenu{
	clear: both;
	padding: 5px 0;
}
ul.smenu li{
	float: left;
	padding: 0 5px;
	list-style: none;
	border-left: 1px solid #999999;
}
ul.smenu li.item0, ul.smenu li.item1{
	padding-left: 0;
	border: 0;
}
ul.smenu li a.current{
	text-decoration: none;
	font-weight: bold;
}
div.banner{ width: 300px; }
p.banner{ border: 1px solid #1575d2; }
p.banner, .twitter-timeline, .fb-page, .btn-viens-courir{ margin-bottom: 20px; }
.btn-viens-courir, .btn-viens-courir > a{
	display: block;
	width: 300px;
	height: 148px;
	background: url('../images/btn_viens_courir.jpg?v=2') no-repeat center center;
}
.btn-viens-courir > a:hover{ background-image: url('../images/btn_viens_courir_rl.jpg?v=2'); }
.btn-viens-courir > a > img{ visibility: hidden; }
p.banner a{
	display: block;
	margin: 0 10px;
	width: 280px;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	text-decoration: none;
}
p.hidden a{ opacity: 0; }
.banner span{ visibility: hidden; }

/* _______________________________________________________________________
 * Supporting text */
#supportingText{
	float: left;
	width: 635px;
	padding: 20px 15px 20px 20px;
	line-height: 1.5em;
}
body.page-index #supportingText{
	width: 648px;
	padding: 20px 0 20px 12px;
}
.page-nouvelle #supportingText, .page-lightbox #supportingText{
	width: 100%;
	padding: 0;
}
#cboxLoadedContent #supportingText{
	width: auto;
	background: #ffffff;
}
#supportingText p{ padding: 0.5em 0; }
#supportingText ul,
#supportingText ol{
	padding: 1em 0 1em 2em;
	list-style-type: disc;
}
#supportingText ul.list,
#supportingText ul.grid,
#supportingText ul.tabs{
	padding-left: 0;
	list-style: none;
}
p#ariane{
	padding: 6px 0;
	line-height: 1.3em;
	font-size: 0.85em;
}
#supportingText h1{ display: block; }
h2{
	padding: 0 0 0.5em 0;
	text-transform: uppercase;
	font-family: "HelveticaNeue", "Trebuchet MS", Tahoma, sans-serif;
	font-size: 2em;
	line-height: 1.2em;
	color: #105fc9;
}
body.item2 h2, body.item8 h2{ color: #ed1c24; }
body.item3 h2{ color: #398c0e; }
body.item4 h2{ color: #ed1c24; }
body.item5 h2{ color: #5dcae9; }
body.item6 h2{ color: #644d9b; }
h3, legend{
	padding: 1em 0 0.5em 0;
	font-family: "HelveticaNeue", "Trebuchet MS", Tahoma, sans-serif;
	font-size: 1.6em;
	color: #0d4786;
}
h4{
	padding: 0.5em 0;
	font-size: 1.2em;
	font-weight: bold;
}
h2 a, h3 a{ text-decoration: none; }

#container .fbshare,
#container .twshare{
	float: right;
	padding-left: 3px;
}
.page-nouvelle #container .fbshare,
.page-nouvelle #container .twshare{ float: left; }
.fbshare a,
.twshare a{
	display: block;
	width: 28px;
	height: 28px;
	background: url('../images/ico_share_fr.gif') no-repeat top right;
	text-decoration: none;
}
.twshare a{ background: url('../images/ico_share_tw.gif') no-repeat top right; }
.fbshare span,
.twshare span{ visibility: hidden; }
#supportingText .date,
#supportingText .info{
	padding: 0;
	font-size: 0.85em;
	/*color: #58595b;*/
}
#supportingText .center{ text-align: center; }
#supportingText p.msg-alert,
#supportingText p.msg-error,
#supportingText p.msg-confirm{
	clear: both;
	margin: 0 0 6px 0;
	padding: 6px 0 6px 34px;
	border: 1px solid #fbd850;
	color: #102e44;
}
#supportingText p.msg-alert{ background: #fdf9e1 url('../images/ico_alert.gif') no-repeat 5px 5px; }
#supportingText p.msg-error{
	background: #fef1ec url('../images/ico_error.gif') no-repeat 4px 5px;
	border-color: #cd0a0a;
	color: #cd0a0a;
}
#supportingText p.msg-confirm{
	background: #eefeec url('../images/ico_confirm.gif') no-repeat 4px 5px;
	border-color: #51cd0a;
}
li.odd, li.even{
	margin: 0 0 0.5em 0;
	padding: 0;
	background: url('../images/fra_bckg_list.gif') no-repeat bottom center;
	list-style: none;
}
li.odd .left, li.even .left{ width: 110px; }
div#tab2 li div.left,
div#tab5 li div.left, div.tab li div.left{
	width: 170px;
	padding: 7px 0 10px 30px;
	background: url('../images/fra_bckg_list_date.gif') no-repeat top left;
}
div.tab li div.left{ width: 155px; }
div#tab2 .date,
div#tab5 .date, #supportingText div.tab .date{
	font-family: "HelveticaNeue", "Trebuchet MS", Tahoma, sans-serif;
	font-size: 1.2em;
	color: #ffffff;
}
div#tab2 .left h3,
div#tab5 .left h3, div.tab .left h3{
	font-size: 1.3em;
	padding-top: 1em;
	color: #19243d;
}
body.page-index #tab2, body.page-index #tab5{ padding-top: 0.5em; }
div#tab3, div#tab4, div#tab6{ padding-top: 1em; }
li.odd div.right, li.even div.right{ width: 430px; padding-left: 10px; }
ul.grid > li, div.grid > div{
	float: left;
	width: 204px;
	padding: 0 6px;
}
ul.grid h3, div.grid h3{
	padding: 0;
	color: #105fc9;
}
ul.grid a.border, .headline a.border, div.grid a.border{
	display: block;
	width: 200px;
	/*max-height: 200px;*/
	overflow: hidden;
}
ul.grid a.border img, .headline a.border img, div.grid a.border img{ float: left; }
ul.list a.border{
	display: block;
	width: 100px;
	height: 50px;
	overflow: hidden;
}
.headline a.border{
	width: 205px;
	/*height: 425px;*/
}
@media screen and (min-width: 768px){
	.headline div.right{
		width: 425px;
		/*width: 205px;*/
		padding: 10px 0 0 0;
	}
}
#supportingText ul.tabs{
	height: 35px;
	padding: 0;
	background: url('../images/fra_bckg_tabs.gif') repeat-y top left;
}
ul.tabs li{
	float: left;
	padding-left: 1px;
	background: url('../images/fra_bckg_sep.gif') no-repeat 0 7px;
}
ul.tabs li.tab1{
	padding: 0;
	background: 0;
}
ul.tabs a{
	display: block;
	height: 15px;
	padding: 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "HelveticaNeue", "Trebuchet MS", Tahoma, sans-serif;
	font-size: 1.2em;
	color: #19243d;
}
ul.tabs a:hover,
ul.tabs a.current{
	background: #ffffff;
	color: #007ac3;
}
div.tab{
	clear: both;
	position: relative;
}
div.tab input.input{ width: 120px; }
div.tab input.datepicker{ width: 70px; }
div.event{
	top: 35px;
	left: -50px;
	padding: 10px 0 0 0;
	position: absolute;
	display: none;
	background: url('../images/fra_bckg_event.gif') no-repeat top center;
	color: #177ad4;
}
#supportingText div.event ul{
	padding: 1em 1em 1em 2em;
	background: #19243d;
}
div.event a{
	text-decoration: none;
	color: #ffffff;
}
div.event a:hover{ text-decoration: underline; }
ul#pager{ padding: 0; }
ul#pager li{ float: left; }
ul#pager li a,
ul#pager li strong{
	display: block;
	padding: 0 6px;
	text-align: center;
}

/* _______________________________________________________________________
 * Footer */
footer{
	height: 274px;
	margin: 12px -6px 0 -6px;
	padding: 38px 140px 0 180px;
	background: url('../images/fra_bckg_footer.gif') no-repeat top right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #c4ccd9;
}
footer .right{ text-align: right; }
footer h3{
	padding-bottom: 0.5em;
	border-bottom: 1px solid #3b5682;
	color: #177ad4;
}
footer p{
	clear: both;
	padding: 8px 0;
	line-height: 1.2em;
}
footer a{
	text-decoration: none;
	color: #ffffff;
}
footer a:hover{
	text-decoration: underline;
	color: #ffffff;
}
footer ul li{
	float: left;
	padding: 0 5px;
	border-left: 1px solid #999999;
}
footer ul li.item1, footer ul.social li{ border: 0; }
footer ul.social li{ padding-top: 160px; }
footer ul.social a{
	display: block;
	width: 36px;
	height: 36px;
}
footer ul.social li.facebook a{ background: url('../images/ico_facebook.png') no-repeat top left; }
footer ul.social li.rss a{ background: url('../images/ico_rss.png') no-repeat top left; }
footer ul.social li.twitter a{ background: url('../images/ico_twitter.png') no-repeat top left; }
footer ul.social li.youtube a{ background: url('../images/ico_youtube.png') no-repeat top left; }
footer ul.social span{ visibility: hidden; }
footer div.left, footer div.right{ padding: 17px 0; }

/* _______________________________________________________________________
 * Responsive Layouts */
@media screen and (max-width: 1024px){
	html{ -webkit-text-size-adjust: none; }
}

@media screen and (max-width: 768px){
	body{
		background-image: none;
		overflow-x: hidden;
	}
	#container{
		height: auto;
		background: none;
		box-shadow: none;
	}
	#container, iframe{ width: 100%; }
	#container{
		position: absolute;
		min-height: 100%;
		box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
		padding: 0;
		z-index: 1002;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translate3d(0, 0, 0);
	}
	
	input.input, textarea, select{
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
		background: #ffffff;
	}
	div.margin{ padding: 0; }
	
	header{
		width: 100%;
		height: 72px;
		background: #ffffff;
		border-bottom: 1px solid #e0e0e0;
		border-top: 3px solid #105fc9;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	}
	header .logo a{
		width: 186px;
		height: 62px;
		padding: 5px 10px;
	}
	header .access li.menu, header .nav{ display: block; }
	#menu, #nav{
		position: absolute;
		top: 0;
		width: 270px;
		height: auto;
		min-height: 100%;
		margin: 0;
		padding: 0;
		background: none;
		border: 0;
		box-shadow: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		z-index: 1001;
	}
	#menu{ left: -270px; }
	#nav{
		display: none;
		right: -270px;
	}
	#menu ul li, #nav ul li{
		float: none;
		padding: 0;
		border: 0;
	}
	#menu ul li a, #nav ul li a{
		display: block;
		height: 14px;
		padding: 13px;
		border: 0;
		border-bottom: 1px solid #4c6f99;
		text-decoration: none;
		text-shadow: none;
	}
	#nav ul li a{
		text-transform: uppercase;
		font-family: "HelveticaNeue", "Trebuchet MS", Tahoma, sans-serif;
		font-size: 1.2em;
	}
	#menu ul ul{
		position: static;
		box-shadow: none;
	}
	#menu ul ul a{
		padding-left: 26px;
		border-bottom: 1px solid #d5d5d5;
		font-weight: normal;
	}
	
	#nav ul li a:hover{
		background: #34bff3;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #105fc9), color-stop(1, #0c2c5e));
		background: -webkit-linear-gradient(top, #105fc9, #0c2c5e);
		background: -moz-linear-gradient(top, #105fc9, #0c2c5e);
		background: -ms-linear-gradient(top, #105fc9, #0c2c5e);
		background: -o-linear-gradient(top, #105fc9, #0c2c5e);
		background: linear-gradient(top, #105fc9, #0c2c5e);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#105fc9', EndColorStr='#0c2c5e');
		text-decoration: none;
	}
	.open-panel, .open-panel-right, .close-panel{
		-webkit-transition: -webkit-transform 350ms ease;
		-moz-transition: -moz-transform 350ms ease;
		transition: transform 350ms ease;
	}
	.open-panel, #container.open-panel{
		-webkit-transform: translate3d(270px, 0, 0);
		-moz-transform: translate3d(270px, 0, 0);
		transform: translate3d(270px, 0, 0);
	}
	.open-panel-right, #container.open-panel-right{
		-webkit-transform: translate3d(-270px, 0, 0);
		-moz-transform: translate3d(-270px, 0, 0);
		transform: translate3d(-270px, 0, 0);
	}
	.close-panel{
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	
	#sidebar, #supportingText, body.page-index #supportingText{
		width: 94%;
		padding: 10px 3%;
	}
	li.odd .left, li.even .left{ width: 30%; }
	li.odd div.right, li.even div.right{
		width: 68%;
		padding-left: 2%;
	}
	
	footer{
		height: auto;
		padding: 38px 3% 15px 3%;
		background-color: #1053a4;
	}
	footer .left, footer .right{
		float: none;
		clear: both;
	}
	footer ul.social li{ padding-top: 0; }
	
	.slider-wrapper, .slick-slider, #pattern, #bckg{ display: none; }
	div.banner{
		float: left;
		margin-right: 3%;
	}
}

@media screen and (max-width: 662px){
	#supportingText ul.tabs{ height: 70px; }
	div.banner{ float: none; }
	li.col{ clear: both; }
}

@media screen and (max-width: 479px){
	header{ height: 58px; }
	header .logo a{
		width: 144px;
		height: 38px;
	}
	header .access li, header .nav{ padding: 13px; }
	
	ul.tabs{ margin: 0 -3%; }
	ul.tabs a{
		font-size: 1em;
	}
	ul.grid li{
		width: 96%;
		margin: 0;
	}
	
	footer{ background-position: top center; }
}