/*
	Fluid Baseline Grid v1.0.0
	Designed & Built by Josh Hopkins and 40 Horse, http://40horse.com	
	Licensed under Unlicense, http://unlicense.org/
	Base stylesheet with CSS normalization, typographic baseline grid and progressive responsiveness
	Drupal 6 Theme and Drupal 7 Theme by Jason Moore and Arbor Web Development, http://arborwebdev.com
*/

/* HTML5 DECLARATIONS */
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
menu, 
nav, 
section, 
dialog {
  display: block
}
audio[controls],
canvas,
video {
  display: inline-block; 
  *display: inline; 
  zoom: 1
}

/* BASE */
html {
  height: 100%; 
  font-size: 100%; 
  overflow-y: scroll; 
  -webkit-text-size-adjust: 100%
} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body {
  margin: 0 auto; 
  min-height: 100%; 
  -webkit-font-smoothing:antialiased; 
  font-smoothing:antialiased; 
  text-rendering:optimizeLegibility; 
  /* background:url('../images/24px_grid_bg.gif') 0 1.1875em */
} /* Improve default text rendering, handling of kerning pairs and ligatures */

/* DEFAULT FONT SETTINGS */
/* 16px base font size with 150% (24px) friendly, unitless line height and margin for vertical rhythm */
/* Font-size percentage is based on 16px browser default size */
body, 
button, 
input, 
select, 
textarea {
  font: 100%/1.5 Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif; 
  *font-size: 1em; 
  color: #333
} /* IE7 and older can't resize px based text */
p, 
blockquote, 
q, 
pre, 
address, 
hr, 
code, 
samp, 
dl, 
ol, 
ul, 
form, 
table, 
fieldset, 
menu, 
img {
  margin: 0 0 1.5em; 
  padding: 0
}

/* TYPOGRAPHY */
/* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px */
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  color: #222222;
  font-family: Futura,"Century Gothic",AppleGothic,sans-serif;
  font-style: normal;
  font-weight: 400;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
/* h1 {
  margin: 0; 
  font-size: 3.75em; 
  line-height: 1.2em; 
  margin-bottom: 0.4em
} /* 60px / 72px */
h1 {
  margin: 0; 
  font-size: 3em; 
  line-height: 1em; 
  margin-bottom: 0.5em
} /* 48px / 48px */
h2 {
  margin: 0; 
  font-size: 2em; /* Was 2.25em */ 
  line-height: 1.3333333333333333333333333333333em; 
  margin-bottom: 0.6667em
} /* 36px / 48px */ 
h3 {
  margin: 0; 
  font-size: 1.5em; 
  line-height: 1em; 
  margin-bottom: 1em
} /* 24px / 24px */
h4 {
  margin: 0; 
  font-size: 1.3125em; 
  line-height: 1.1428571428571428571428571428571em; 
  margin-bottom: 1.1428571428571428571428571428571em
} /* 21px / 24px */
h5 {
  margin: 0; 
  font-size: 1.125em; 
  line-height: 1.3333333333333333333333333333333em; 
  margin-bottom: 1.3333333333333333333333333333333em
} /* 18px / 24px */
p, 
ul, 
blockquote, 
pre, 
td, 
th, 
label {
  margin: 0; 
  font-size: 1em; 
  /* line-height: 1.5em; */
  margin-bottom: 1.5em 
} /* 16px / 24px */
small, 
p.small {
  margin: 0; 
  font-size: 0.875em; 
  line-height: 1.7142857142857142857142857142857em;
  margin-bottom: 1.7142857142857142857142857142857em 
} /* 14px / 24px */

/* CODE */
pre {
  white-space: pre; 
  white-space: pre-wrap; 
  word-wrap: break-word
} /* Allow line wrapping of 'pre' */
pre, 
code, 
kbd, 
samp {
  font-size: 1em; 
  line-height: 1.5em; 
  margin-bottom: 1.5em; 
  font-family: Menlo, Consolas, 'DejaVu Sans Mono', Monaco, monospace
}

/* TABLES */
table {
  border-collapse: collapse; 
  border-spacing: 0; 
  margin-bottom: 1.5em
}
th {
  text-align: left
}
tr, 
th, 
td {
  padding-right: 1.5em; 
  border-bottom: 0 solid #333
}

/* FORMS */
form {margin: 0}
fieldset {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto; 
  vertical-align: top
}
legend {
  *margin-left: -.75em
}
button, 
input, 
select, 
textarea {
  vertical-align: baseline; 
  *vertical-align: middle /* IE7 and older */
} 
button, 
input {
  line-height: normal; 
  *overflow: visible
}
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button
}
input[type="checkbox"], 
input[type="radio"] {
  box-sizing: border-box
}
input[type="search"] {
  -webkit-appearance: textfield; 
  -moz-box-sizing: content-box; 
  -webkit-box-sizing: content-box;	
  box-sizing: content-box
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}
button::-moz-focus-inner, 
input::-moz-focus-inner {
  border: 0; 
  padding: 0
}

/* QUOTES */
blockquote, 
q {
  quotes: none
}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {
  content: ''; 
  content: none
}
blockquote, 
q, 
cite {
  font-style: italic
}
blockquote {
  padding-left: 1.5em; 
  border-left: 3px solid #ccc
}
blockquote > p {
  padding: 0
}

/* LISTS */
ul, 
ol {
  list-style-position: inside; 
  padding: 0
}
li ul, 
li ol {
  margin: 0 1.5em
}
dl dd {
  margin-left: 1.5em
}
dt {
  font-family:Futura, "Century Gothic", AppleGothic, sans-serif
}

/* HYPERLINKS */
a {
  text-decoration: none; 
  color:#c47529
}
a:hover {
  text-decoration: underline
}
a:focus {
  outline: thin dotted
}
a:hover, 
a:active {
  outline: none /* Better CSS Outline Suppression */
} 

/* MEDIA */
figure {
  margin: 0
}
img, 
object, 
embed, 
video {
  max-width: 100%;	
  _width: 100%;
} /* Fluid images */
img {
  border: 0;
  -ms-interpolation-mode: bicubic /* Improve IE's resizing of images */
} 
svg:not(:root) {
  overflow: hidden /* Correct IE9 overflow */
} 

/* ABBREVIATION */
abbr[title], 
dfn[title] {
  border-bottom: 1px dotted #333; 
  cursor: help
}

/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins, 
mark {
  text-decoration: none
}
mark {
  background: #c47529
}
ins {
  background: #d49855
}
del {
  text-decoration: line-through
}
::-moz-selection {
  background: #c47529; '
  color: #fff; 
  text-shadow: none /* selected text */
} 
::selection {
  background: #c47529; 
  color: #fff; 
  text-shadow: none /* selected text */
} 

/* OTHERS */
strong, 
b, 
dt { 
  font-weight: bold
}
dfn {
  font-style: italic
}
var, 
address {
  font-style: normal
}
sub, 
sup {
  font-size: 75%; 
  line-height: 0; 
  position: relative; 
  vertical-align: baseline
} /* Position 'sub' and 'sup' without affecting line-height */
sup {
  top: -0.5em
} /* Move superscripted text up */
sub {
  bottom: -0.25em
} /* Move subscripted text down */
span.amp{
  font-family:Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;
  font-style:italic;
  font-size:110%;
  line-height:0;
  position:relative;
  vertical-align:baseline
} /* Best available ampersand */

/* MICRO CLEARFIX HACK */
.cf:before, 
.cf:after {
  content:"";
  display:table
} /* For modern browsers */
.cf:after {
  clear:both
}
.cf {
  zoom:1
} /* For IE 6/7 (trigger hasLayout) */

/* DEFAULT MOBILE STYLE */


.table_display{display:none}
.panels-flexible-column-test_layout-1 {    float: left;    width: 100% ;}
.panels-flexible-column-test_layout-2 {    float: left;    width: 100% ;}
#recherche_header > div {    left: 0%;}
#recherche_header {background: url("../images/bk_recherche.jpg") repeat scroll -30% 0 rgba(0, 0, 0, 0);}
#menu-haut {font-size:10px; margin-top:-80px; }
#menu-haut .accueil ,#menu-haut  .haut2  { display: table;}
#panel-home  .pane-title { font-size:10px}
#block-block-17 p {font-size:6px}
.ac_input {    font-size: 12px;    margin-left: 5px;}
#footer .block-views a {font-size:10px}
.titre_home1{font-size:10px;font-weight:bold}
.pane-block-21 select {font-size:12px}
.pane-block-9 select {font-size:12px}
.fiche_taxi_gauche {width:100%}
.fiche_taxi_droite {display:none}
#titre-taxi-departement h2 {    font-size: 12px;}
#titre-taxi-region h2 {    font-size: 12px;}
#bloc-titre > h2 {font-size: 12px;}
h1.title {    font-size: 12px;}
.pane-dep-taxi-mobile td {    font-size: 10px;}
.pane-region-taxi-mobile td {    font-size: 10px;}




body {
  width: 92%; 
  margin: 0 auto
} /* Center page without wrapper */

/* column grid */
.g1,
.g2,
.g3{
display:block;
position: relative;
margin-left: 1%;
margin-right: 1%
}

/* 1 column grid */
.g1,
.g2,
.g3{
  width:98.0%
}

/* media Queries

FOLDING FLUID GRID
< 767px			- 1-Column Fluid Grid
768px - 1023px	- 2-Column Fluid Grid
> 1024px			- 3-Column Fluid Grid
Change widths as necessary
------------------------------------------- */

/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {
.table_display{display:none}
.panels-flexible-column-test_layout-1 {    float: left;    width: 100% ;}
.panels-flexible-column-test_layout-2 {    float: left;    width: 100% ;}
#recherche_header > div {    left: 0%;}
#recherche_header {background: url("../images/bk_recherche.jpg") repeat scroll -30% 0 rgba(0, 0, 0, 0);margin-top:60px}
#menu-haut {font-size:10px; margin-top:-80px; }
#menu-haut .accueil ,#menu-haut  .haut2  { display: table;}
#panel-home  .pane-title { font-size:10px}
#block-block-17 p {font-size:6px}
.ac_input {    font-size: 10px;    margin-left: 5px; max-width:300px}
#footer .block-views a {font-size:10px}
.titre_home1{font-size:10px;font-weight:bold}
.pane-block-21 select {font-size:12px}
.pane-block-9 select {font-size:12px}
.fiche_taxi_gauche {width:100%}
.fiche_taxi_droite {display:none}
#titre-taxi-departement h2 {    font-size: 12px;}
#titre-taxi-region h2 {    font-size: 12px;}
h1.title {    font-size: 12px;}
.pane-dep-taxi-mobile td {    font-size: 10px;}
.pane-region-taxi-mobile td {    font-size: 10px;}

  body {
		
  }
}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
.no_mobile {display:none}
.table_display{display:none}
.panels-flexible-column-test_layout-1 {
    float: left;
    width: 100% ;
}
.panels-flexible-column-test_layout-2 {
    float: left;
    width: 100% ;
}
#recherche_header > div {
    left: 20%;
}
#recherche_header {background: url("../images/bk_recherche.jpg") repeat scroll 0% 0 rgba(0, 0, 0, 0);margin-top:20px}
#menu-haut {font-size:11px;margin-top:-60px; }
#menu-haut .accueil ,#menu-haut  .haut2  { display: table-cell;}
#panel-home  .pane-title { font-size:12px}
#block-block-17 p {font-size:8px}
#footer .block-views a {font-size:10px}
.titre_home1{font-size:12px;font-weight:bold}
.pane-block-21 select {font-size:10px}
.pane-block-9 select {font-size:10px}
.ac_input {    font-size: 12px;    margin-left: 5px;}
.fiche_taxi_gauche {width:100%}
.fiche_taxi_droite {display:none}
#titre-taxi-departement h2 {    font-size: 12px;}
#titre-taxi-region h2 {    font-size: 12px;}
h1.title {    font-size: 12px;}
.pane-dep-taxi-mobile td {    font-size: 10px;}
.pane-region-taxi-mobile td {    font-size: 10px;}

  body {
		
  }
}

/* SMALL TABLET */
@media only screen and (min-width: 600px) {
  body {
		
  }
#block-block-17 p {font-size:10px}
.pane-block-21 select {font-size:9px}
.pane-block-23 select {font-size:9px}
#titre-taxi-departement h2 {    font-size: 12px;}
#titre-taxi-region h2 {    font-size: 12px;}
h1.title {    font-size: 12px;}
.ac_input {    font-size: 14px;    margin-left: 5px;}
.pane-dep-taxi-mobile td {    font-size: 10px;}
.pane-region-taxi-mobile td {    font-size: 10px;}
}

/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) { 
.panels-flexible-column-test_layout-2 {    float: left;    width: 27%;}
h2 {    font-size: 1.25em;    line-height: 1.33333em;    margin: 0 0 0.6667em;}
.panels-flexible-column-test_layout-1 {    float: left;    width: 50%;}
.table_display{display:block}
#recherche_header > p {font-size:16px;}
#recherche_header > div {    left: 20%;}
#recherche_header {background: url("../images/bk_recherche.jpg") repeat scroll 0% 0 rgba(0, 0, 0, 0);margin-top:0px}
#menu-haut {font-size:15px;margin-top:-60px}
#menu-haut .accueil ,#menu-haut  .haut2  { display: table-cell;}
#panel-home  .pane-title { font-size:14px}
#block-block-17 p {font-size:12px}
#footer .block-views a {font-size:13px}
.titre_home1{font-size:12px;font-weight:bold}
.pane-block-21 select {font-size:9px}
.pane-block-23 select {font-size:9px}
.ac_input {    font-size: 16px;    margin-left: 5px;}
.fiche_taxi_gauche {width:60%}
.fiche_taxi_droite {width:40%;display:block}
#titre-taxi-departement h2 {    font-size: 14px;}
#titre-taxi-region h2 {    font-size: 14px;}
#bloc-titre > h2{font-size: 12px;}

h1.title {    font-size: 14px;}
.pane-dep-taxi-mobile td {    font-size: 12px;}
.pane-region-taxi-mobile td {    font-size: 12px;}



  body {
		
  }

  /* COLUMN GRID */
  .g1,
  .g2,
  .g3 {
    display:inline; 
	float: left
  }

  /* 2 COLUMN GRID */
  .g1 {
    width:48.0%
  }
  .g2 {
    width:48.0%
  }
  .g3 {
    width:98.0%
  }
}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) { 
#panel-home  .pane-title { font-size:16px}
.pane-block-21 select {font-size:10px}
.pane-block-23 select {font-size:10px}
.pane-dep-taxi-mobile td {    font-size: 13px;}
.pane-region-taxi-mobile td {    font-size: 13px;}
  body {

  }
	
  /* 3 COLUMN GRID */
  .g1 {
    width:31.333%;
  }
  .g2 {
    width:64.667%;
  }
  .g3 {
    width:98.0%
  }
}

@media only screen and (min-width: 1280px) { 
/* DESKTOP */
.pane-block-21 select {font-size:13px}
.pane-block-23 select {font-size:13px}
  body {

  }
}

/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1400px) { 
  body {
    font-size:116.75%; 
	/* background:url('../images/28px_grid_bg.gif') 0 1.25em; */
	max-width:1440px
  } /* 18.5px / 28px */
}


/* PRINT */
@media print {
  * {
    background: transparent !important; 
	color: black !important; 
	text-shadow: none !important; 
	filter:none !important; 
	-ms-filter: none !important
  } /* Black prints faster */
  a, a:visited {
    color: #444 !important; 
	text-decoration: underline
  }
  a[href]:after {
    content: " (" attr(href) ")"
  }
  abbr[title]:after {
    content: " (" attr(title) ")"
  }
  .ir a:after, 
  a[href^="javascript:"]:after, 
  a[href^="#"]:after {
    content: ""
  }  /* Don't print links for images, javascript or internal links */
  pre, 
  blockquote {
    border: 1px solid #999; 
	page-break-inside: avoid
  }
  thead {
    display: table-header-group
  } /* Repeat header row at top of each printed page */
  tr, 
  img {
    page-break-inside: avoid
  }
  img {
    max-width: 100% !important
  }
  @page {
    margin: 0.5cm
  }
  p, 
  h2, 
  h3 {
    orphans: 3; 
	widows: 3
  }
  h2, 
  h3{
    page-break-after: avoid
  }
}

/* Drupal Styles */
body.admin-menu {
    margin-top: 40px !important
}
h1#site-name,
div#site-name {
  font-size: 3em;
  font-weight: normal;
  font-family: Futura,"Century Gothic",AppleGothic,sans-serif;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  line-height: 1em;
  margin: 0 0 0.5em;
}
div#site-name strong {
  font-weight: normal;
}
h2#site_slogan {
  font-size: 1.3125em;
  line-height: 1.14286em;
  margin: 0 0 1.14286em
}
/*h2 {
  font-size: 2.25em;
  line-height: 1.33333em;
  margin: 0 0 0.6667em
}*/
img#logo {
  margin: 0;
  padding-right: 10px
}
#mission {
  border: 1px solid #C47529;
  padding: 1em;
  margin-bottom: 1em;
}

/* Menu Styles */
#tabs-wrapper ul.primary {
  border: none
}
#block-system-main-menu ul.menu li {
  display: block;
  float: left;
  list-style:none
}
.block-menu {
  overflow: hidden;
  margin-bottom: 20px
}
#block-system-main-menu li.expanded,
#block-system-main-menu li.collapsed,
#block-system-main-menu li.leaf {
  padding: 0
}
header ul.menu li,
header ul.links li,
.region-footer ul.menu li,
.region-footer ul.links li,
nav ul.links li {
  display: block;
  float: left;
  list-style: none;
  margin-bottom: .5em;
  padding: 0 .2em
}
nav ul.links li,
nav ul.menu li {
  font-size: 1.5em
}
nav ul.links li a {
  background: #000;
  border-radius: .5em;
  padding: .2em .5em
}
nav ul.links li a:hover,
nav ul.links li a:focus {
  background: #2e2e2e;
  border-radius: .5em;
  padding: .2em .5em;
  text-decoration: none
}
nav ul.links li a.active {
  color: #C47529;
  text-decoration: underline;
}
#header div.block-menu,
.region-footer div.block-menu {
  clear: left
}
#primary-menu {
  margin-bottom: 1.2em
}

/* Styled Drupal Tabs */
ul.primary li a {
  padding: .5em;
}
ul.primary li a:hover,
ul.primary li a:focus {

}
ul.primary li.active a {

}
#monmenu {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; FONT-FAMILY: trebuchet ms,arial,tahoma,verdana,sans-serif;position:absolute;
}
#monmenu UL UL {
	BORDER-RIGHT: #b0b0b0 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #b0b0b0 1px solid; DISPLAY: none; PADDING-LEFT: 0px; LEFT: 164px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #b0b0b0 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #b0b0b0 1px solid; POSITION: absolute; TOP: -1px
}
#monmenu LI {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px; WIDTH: 160px; PADDING-TOP: 2px; LIST-STYLE-TYPE: none; POSITION: relative; BACKGROUND-COLOR: #e0e0e0
}
#monmenu LI:hover {
	BACKGROUND-COLOR: #ffff70
}
#monmenu LI.sfhover {
	BACKGROUND-COLOR: #ffff70
}
#monmenu LI A {
	TEXT-DECORATION: none
}
#monmenu LI:hover UL.niveau2 {
	DISPLAY: block
}
#monmenu LI LI:hover UL.niveau3 {
	DISPLAY: block
}
#monmenu LI.sfhover UL.niveau2 {
	DISPLAY: block
}
#monmenu LI LI.sfhover UL.niveau3 {
	DISPLAY: block
}
#monmenu LI.plus {
	BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(illustrations/fdroite.gif); BORDER-BOTTOM: #b0b0b0 1px solid; BACKGROUND-REPEAT: no-repeat
}



#recherche_header {
    border: medium solid #cecece;
    border-radius: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
}

.ac_results li {
    cursor: default;
    display: block;
    font: ;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 2px 5px;
}
.ac_over {
    background-color: #0a246a;
    color: white;
    
}
.ac_results {
    background: none repeat scroll 0 0 #fff;
}



#menu-haut {
  color: #434343;
  font-weight: normal;
  text-shadow: #F8F8F8 0px 1px 3px;
position:absolute;
margin-left :175px;
}


#menu-haut .accueil {
    background-image: url("puce-jaune.gif");
    background-position: 0 70%;
    background-repeat: no-repeat;
    color: #f5b226;
    padding-left: 15px;
    padding-right: 25px;
}
#menu-haut  .haut2 {color:#434343;padding-left : 15px;;background-image:url(puce-grise.gif) ;background-repeat:no-repeat;background-position:0 70%;padding-right:25px;}
#recherche_header > div {
    position: inherit;
     margin-top: -20px;
}

#recherche_header > p {
    left: 20%;
    position: inherit;
    text-transform: capitalize;
     color: #fff;
    font-weight: bold;
}

#map img {
    left: 6%;
    position: sticky;
}

.pane-block-7 .pane-content > form {
    background: url("../images/bk_recherche.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
 border: medium solid #cecece;
    border-radius: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
}


#footer .block-views a {
    color: #494949;
    display: list-item;
    list-style-image: url("/sites/all/themes/taxi/puce_footer.png");
    text-align: left;
}

#footer h2 {
    color: #fcba56;
    font-size: 18px;
    font-weight: bold;
    margin-left: 10px;
}


#block-block-17  {border-top:dotted;border-top-width:1px;text-align:left;}
#block-block-17  .titre  {font-size:14px;font-weight:bold;color:#fcba56;margin-left:10px;}
#block-block-17 #bloc1 {
color:#494949;
position:absolute;
width:20%;
left:5%;
}
#block-block-17 #bloc1 a {
color:#797979;
text-align:right;
margin-left:10px;
}

#block-block-17 #bloc2 {
color:#494949;
left:20%;
position:absolute;
width:20%;
}

#block-block-17 #bloc2 a {
color:#797979;
margin-left:10px;

}


#block-block-17 #bloc3 {
color:#494949;
position:absolute;
left:40%;
width:20%;
}
#block-block-17 #bloc3 a {
color:#797979;
margin-left:10px;
}


#block-block-17 #bloc4 {
color:#494949;
position:absolute;
left:60%;
width:20%;
}
#block-block-17 #bloc4 a {
color:#797979;
margin-left:10px;
}


#block-block-17 #bloc5 {
color:#494949;
position:absolute;
left:80%;
width:20%;


}
#block-block-17 #bloc5 a {
color:#797979;
margin-left:10px;
}

	
/* Theming nav */	
[id=navigation] ul {

	position: absolute;
	width: 70%;
	top: 1rem; 
	z-index: 1;
	
	/* translate closed nav with hardware acceleration */
    transform: translateX(-110%) translateZ(0);
    transition: transform .3s cubic-bezier(.72,.89,.28,1.39);
}
/* Theming opened nav */
/* handling clic with CSS3 checked */
[id="toggle-nav"]:checked ~ ul {
	transform: translateX(0) translateZ(0);
}