#middle_sharing_box_id {
  margin: 10px 0 0 0;
/*  display: none; */
  vertical-align: bottom;  
  line-height: normal;
}
	
.sharing_buttons {
  text-align:center;
  line-height: normal;
}


.sharing_buttons div {
  display: inline; 
  margin: 0 5px;
  padding: 0;
  line-height: normal;
  vertical-align: inherit !important;
}


#french_content {
  float: left;
  max-width: 420px;
  width: 100%;
  padding: 8px 8px 8px 0px;
  margin:  0 0;
  border-right: 1px dashed #00BBFF;
}

#french_content table tr td {
  width: 50%;
  border:0;
}

#english_content {
  float: left;
  max-width: 420px;
  width: 100%;
  padding: 8px 0px 8px 8px;
  margin:  0 0 0 0;
}

.french_flag_bg {
  background: url(/images/french_flag.png) no-repeat left 20px top 16px; background-size: 40px 26px;
}

.uk_flag_bg {
  background: url(/images/uk_flag.png) no-repeat left 20px top 16px; background-size: 40px 26px;
}

#english_content table tr td {
  width: 50%;
  border:0;
}

#content {
 margin: 20px;
}

.tense {
  color: #00BBFF;
  font-weight: bold;
  font-size: 1.2em;
}


.verb {
  color:#00BBFF;
}

#copyright {
  color:#00BBFF;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
  margin:0;
  padding:0;
  border:0; 
  outline:0;
  font-size:100%;
  vertical-align:baseline;
}
ol, ul {
  list-style:none
}
blockquote, q {
  quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
  content:'';
  content:none
}
:focus {
  outline:0
}
ins {
  text-decoration:none
}
del {
  text-decoration:line-through
}
table {
  border-collapse:collapse;
  border-spacing:0
}
.clear {
  clear:both;
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0
}
.clearfix:after {
  clear:both;
  content:' ';
  display:block;
  font-size:0;
  line-height:0;
  visibility:hidden;
  width:0;
  height:0
}
.clearfix {
  display:inline-block
}
* html .clearfix {
  height:1%
}
.clearfix {
  display:block
}
th, td {
  margin:0;
  padding:0
}
table {
  border-collapse:collapse;
  border-spacing:0
}
br {
  line-height: 10px;
}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
 border : 0px;
}
input[type="submit"]:focus, input[type="button"]:focus {
  outline : none;
}

input, textarea {
  -webkit-appearance: none;
}

html, body {
  height: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*  GENERAL
/*-----------------------------------------------------------------------------------*/

body {
  background: #F5F5F5;
}

body, input, textarea {
  color: #3a3a3a;
  font-family: Arial, sans-serif;
  font-size: 1em; 
  line-break: 20px;
  line-height:20px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

#wrapper {
  width: 940px;
  margin: 0 auto;
  padding: 10px 0px;
}


#main_container{
  margin: 0 20px;
  padding: 0;

}

#main{
  margin: 0;
  padding: 0;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
  background-color: #FFF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}


#header {
  display: block;
  margin-bottom: 10px;
}


h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #3a3a3a;
  margin: 5px 0 5px 0;
}
h1 {
  font-size:28px;
  line-height: 30px;
  margin-bottom: 10px;
}

h1 a {
  color: #00BBFF;
}


h2 {
  font-size:24px;
  line-height: 26px;
}
h3 {
  font-size:21px;
  line-height:23px;
}
h4 {
  font-size:18px;
}
h5 {
  font-size:16px;
}
h6 {
  font-size:14px;
}
.section-title {
  margin-bottom: 15px;
}
.aligncenter {
  text-align: center;
}
p {
  margin-bottom:20px;
  font-size: 1em;
  line-height:20px;
}

a {
  color: #00BBFF;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.entry-title {
  font-weight: bold;
  font-size: 1.2em;
  background-color: #f5f5f5;
  color: #000;
  padding: 1px 1px;
}
.entry-title a {
  color: #3a3a3a;
}

.entry-title a:hover {
  color: #00BBFF;
}

a.more:hover {
  text-decoration: underline;
}

h2.entry-title {
  padding: 3px 2px;
}

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

.page-navi ul li a {
  background: #fff url(style/images/button-bg.png) repeat-x center top;
  height: 28px;
  line-height: 29px;
  font-weight: normal;
  text-decoration: none;
  padding: 0 14px 0px 14px;
  margin: 0;
  margin-bottom: 20px;
  font-size: 16px;
  color: #3a3a3a;
  display: inline-block;
  -webkit-transition:all 100ms ease-in;
  -o-transition:all 100ms ease-in;
  -moz-transition:all 100ms ease-in;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);  
  cursor: pointer;
  border: none;
}

.page-navi ul li a:hover,
.page-navi ul li a.current {
  background-position: center bottom;
  color: #00BBFF;
}

ul, ol {
  margin: 0 0 20px 0;
  list-style-position: inside;
}
ul {
  list-style: none;
}
ul li {
  background: transparent url(images/bullet.png) no-repeat  left 8px;
  padding: 0 0 0 15px;
}
ol {
  list-style-type: decimal;
}
ol ol {
  list-style: upper-alpha;
}
ol ol ol {
  list-style: lower-roman;
}
ol ol ol ol {
  list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
}

hr {
  border: none;
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 25px;
}

blockquote p {
  font-size: 20px;
  line-height: 30px;
  padding-left: 20px;
  border-left: 3px #d3d3d3 solid;
  color: #747474;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  margin-bottom: 20px;
}

.info-box {
  background:#c2ddf9;
  border:1px solid #80bbef;
  color:#4783b7;
}
.warning-box {
  background:#ffcccc;
  border:1px solid #ff9999;
  color:#c31b00;
}
.download-box {
  background:#d1f7b6;
  border:1px solid #8bca61;
  color:#5e9537;
}
.note-box {
  background:#fdebae;
  border:1px solid #e6c555;
}

/*-----------------------------------------------------------------------------------*/
/*  MENU
/*-----------------------------------------------------------------------------------*/

#access .menu {
        display: block;
  height: 68px;
  line-height: 35px;
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  background: #fff url(images/menu/top_mbg.png) repeat-x center top;
  z-index: 11;
  position: relative;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);  
}

#access .menu ul {
  z-index:100;
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding:0 15px;
  float: left;
  background: transparent url(images/menu/top_mline.png) no-repeat 14px 5px; 
}

#access .menu ul li {
  position: relative;
  display: inline;
  float: left;
  background: transparent url(images/menu/top_mline.png) no-repeat center right; 
  padding: 0;
  padding-right:1px;
}

#access .menu ul li a {
  display: block;
  color: #4c4c4c;
  font-weight: bold;
  text-decoration: none;
  padding: 0 10px;
  font-size: 16px;
}
* html #access .menu ul li a { 
  display: inline-block;
}
#access .menu ul li a:link, #access .menu ul li a:visited {
  color: #4c4c4c;
}
#access .menu ul li a.selected,
#access .menu ul li a:hover,
#access .menu ul li a.current { 
  background: transparent url(images/menu/top_mhover.png) repeat-x center center;
  position: relative;
  color: #4c4c4c;
}
#access .menu ul li ul li a.selected, #access .menu ul li ul li a.current {
  background: none;
}

#access .menu ul li ul {
  position: absolute;
  left: 30px;
  display: none;
  visibility: hidden;
  padding:0;
  background: none;
  background-color: #f8f8f8;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);  
  margin-top:5px;
  padding-left:15px;
  padding-right:15px;
}

#access .menu ul li ul li {
  display: list-item;
  float: none;
  background: none;
  border-top: 1px solid #ddd;
  padding: 5px 0;
}
#access .menu ul li ul li:first-child {
  border:none;
}

#access .menu ul li ul li ul {
  top: 0;
  margin:0;
  margin-left:52px;
}

#access .menu ul li ul li a {
  width: 100px; 
  margin: 0;
  margin-left:-15px;
  color: #4c4c4c;
  font-size:16px;
  font-weight: normal;
  line-height: 21px;
}
#access .menu ul li ul li a:hover {
  background: none;
  color: #00BBFF;
}
#access .menu ul li ul li ul li a:hover {
  background: none;
  color: #00BBFF;
}

* html #access .menu {
  height: 1%;
}

.selectnav {
  display: none;
  width: 280px;
  margin: 0 auto;
}




/* CHROME FIX */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.forms fieldset .btn-submit,
.comment-form .btn-submit {
  padding-top:1px;
}
}


/*-----------------------------------------------------------------------------------*/
/*  PAGE NAVIGATION
/*-----------------------------------------------------------------------------------*/

.page-navi ul {
  list-style: none;
}
.page-navi ul li {
  display: inline;
  background: none;
  padding: 0;
}

.page-navi ul li a {
  margin: 0 3px 0 0;
  padding: 0 11px;
}



/* CHROME FIX */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
a.button,
.btn-submit,
.comment-form .btn-submit,
.filter li a,
aside ul.tag-list li a,
.page-navi ul li a{
  padding-top:1px;
}
}




/*-----------------------------------------------------------------------------------*/
/*  MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 935px) {
  #french_content {
    border-right: none;
	float: none;
	max-width: 100%;
  }

  #english_content {
    border-right: none;
	float: none;	
	max-width: 100%;
  }
}

@media only screen and (max-width: 639px) {
  #alphabetic-menu {
    display: none;
  }
}

@media only screen and (max-width: 860px) {

  #access .menu {
    background: none;
    border-radius: 8px;
    box-shadow: none;
    cursor: pointer;
    display: block;
    height: auto;
    line-height: 35px;
    position: relative;
    z-index: 11;
  }
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 821px) and (max-width: 959px) {
  #wrapper {
    width: 100%;
  }

  .content {
    width: 100%;
  }

}/* END Smaller than standard 960 (devices and browsers) */

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 820px) {
  #wrapper {
    width: 100%;
  }

  #content {
    margin: 0 5px;
  }  
  
  .content {
    width: 100%;
    float: none;
  }
  
}/* END Mobile Landscape Size to Tablet Portrait (devices and browsers) */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

  #site-title h1 {
    text-align: center;  
  }

  #wrapper {
    width: 100%;
  }

  #content {
    margin: 0 2px;
  }  
  
  #main_container {
    margin: 0 2px;
    padding: 0;
  }
  
  .content {
    width: 100%;
    float: none;
  }
  
  ul li {
    padding: 0 0 10px 15px;
  }
  
  td a {
    display: block;
  }
}/* END Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */