/*
  Author Name	: j4k
  Author Site	: www.oscss.org
  Scheme Name	: oscss v1.3
*/

/*- BASE ------------------------------------------------------ */
* {margin:0; padding:0; font-weight:normal;}

body {font:62.5% Verdana, Arial, Helvetica, sans-serif; color:#787878; background:#fff;}

.rem {position:absolute; left:0; top:-999em; width:0; height:0; overflow:hidden;}

hr {height:1px; color:#d6d6d6; background:#d6d6d6; border:none;}

/*- BASIC TYPOGRAPHY ------------------------------------------------------ */
p {font-size:1.1em; padding:0 0 14px 0; line-height:1.7em;}

h1 {font-size:2em;}

h2, h3 {height:0; font-weight:bold; margin:0 0 12px 0; padding:0 0 20px 0; border-bottom:2px solid #e7e4d3;}

h2 {font-size:1.7em; color:#003250;}

h3 {font-size:1.3em; color:#105289; padding-left:5px;}
h3 + p {padding-left:5px;}

h4 {font-size:1em; color:#5893ac; text-transform:uppercase;padding-left:10px;}
h4 span {color:#5893ac;}

h4 + p {padding-left:10px;}

ul {font-size:1.1em; list-style:none;}

strong {font-size:1em; color:#7286bd; text-transform:uppercase;}

ul li strong {font-size:.9em;}

a {color:#206ba4; text-decoration:none;}

img {border:none;}

html>body a:hover {border-bottom:1px dotted #7286bd;}

abbr, acronym {cursor:help;}

/*- MAIN STRUCTURE ------------------------------------------------------ */
#wrapper {width:100%; height:auto; border-top:16px solid #003250; background:#F0EFEF url(bg_header.jpg) repeat-x;}

#secondary {width:100%; padding:7px 0 0 0; background:white url(bg_secondary.gif) repeat-x;}

#header, #content {max-width:1050px; min-width:600px; margin:0 auto; padding:0 2em}
#header h1 {width:260px; height:0; padding:0; overflow:hidden; float:left; clear:none;}

/*- MAIN NAV ------------------------------------------------------ */
#mainnav {height:50px; float:left; clear:none;}
#mainnav ul {height:77px; font-size:11px;}
#mainnav ul li {width:98px; height:55px; float:left; clear:none; margin:2px 2px 0 1px;}
#mainnav ul li a {
  display:block;
  width:98px;
  padding:25px 0 0 0;
  overflow:hidden;
  border-top:3px solid #ccc;
  border-bottom:none;
  text-align:center;
  }
#mainnav ul li#currentpage a, #mainnav ul li a:hover {
  border-top-color:#54a4de;
  background-position:0 -63px;
  text-decoration:underline;
  }
#mainnav ul li a:visited, #mainnav ul li a:link {font-weight:normal;}

#content {border-bottom:1px solid #fff;}
#right_bar{width:18%; float:right; padding:5px;}
#about {width:75%; float:left; clear:none; margin:23px 0 0 0;}

#intro {
  width: 300px;
  height: 222px;
  float: right;
  clear: none;
  background: url(logo_oscss.gif) no-repeat top center;
  margin: 0 0 15px 0;
  }
#intro_small {height:180px; background:url(logo_oscss.gif) no-repeat bottom right;}
#intro h2 {position:absolute; left:0; top:-999em; width:0; height:0; overflow:hidden;}

* html #traductions{border-bottom:20px solid #fff; margin:0; background:#d3d3d3; height:15px; width:101px;}
#traductions {margin-bottom:20px; background:#d3d3d3; height:19px; width:88px; text-align:center;}
#traductions span {margin-left:5px; position:relative; top:-5px;}
#traductions a {color:#000;}

.login {background:#e8e8e8 url(fond.jpg) repeat-y center; display:none; border-top:1px solid #b7b7b7; padding:2px;}
.formulaire {width:680px; margin:0 auto; position:relative;}

#secondaryinfo {width:30%; float:left; clear:both;}
#secondaryinfo ul, #secondaryinfo ul li a, ul#overview {color:#7286BD; font-size:1em;}
#secondaryinfo ul {margin:0 0 30px 0;}
#secondaryinfo ul li, ul#overview li {
  margin:5px 0 5px 5px;
  padding:0 0 0 15px;
  background:url(arrow.gif) no-repeat 0 4px;
  }

#newscolumn {border-top:4px solid #fff; width:69%; float:right; clear:none;}
#newscolumn p {margin:5px 0 10px 0;}
#newscolumn img {float:right;}

.dircolumn {width:480px; float:right; clear:none; padding-top:39px;}

#footer {
  clear:both;
  text-align:center;
  height: 96px;
  margin: 15px auto 30px auto;
  background: #f4f4f4 url(bg_footer.png) repeat-x;
  }
#footer img {vertical-align:middle;}

#nav_column {width:250px; float:right; clear:none;}
#nav_column ul li{background:#eeeeee; margin:1px 0; padding:0 10px;}
#nav_column ul li h2{font-size:13px; margin-top:10px; padding-left:10px;}

#conteneur{float:left; width:69%; min-width:600px;}

/*- CONTACT PAGE
---------------------------------------------------------------------------- */
address {
  width:200px;
  float:right;
  clear:none;
  font-size:1.6em;
  font-weight:bold;
  font-style:normal;
  color:#b6b6b6;
  margin:30px 45px 0 0;
  }

fieldset {outline:none; border:none;}

label {display:block; padding:3px 3px 3px 0;}

input {
  padding:3px;
  border:0;
  background:#fff url(bg_footer.png) repeat-x;
  border-bottom:1px solid #d6d6d6;
  border-left:1px solid #d6d6d6;
  border-right:1px solid #d6d6d6;
  font:1em Verdana, Arial, Helvetica, sans-serif;
  }

#header input {width:50px;}

textarea {
  height:200px;
  display:block;
  padding:0 0 0 2px;
  margin:0 0 10px 0;
  font:1.2em/1.5em Verdana, Arial, Helvetica, sans-serif;
  border:0;
  background:#fff url(bg_footer.png) repeat-x;
  border-bottom:1px solid #d6d6d6;
  border-left:1px solid #d6d6d6;
  border-right:1px solid #d6d6d6;
  top:17px;
  left:0;
  }

.submit_btn {
  border:none;
  width:260px;
  height:90px;
  color:#b6b6b6;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin:10px 0 0 0;
  cursor:pointer;
  background:#fff;
  position:absolute;
  top:119px;
  left:422px;
  }

/*- FOLIO PAGE
---------------------------------------------------------------------------- */
.folio {background:#eee; border:1px solid #ccc; margin:1em; padding:1em; min-height:150px;}
.folio img {float:left; margin:2em;}

/*- FLOAT CLEARING ------------------------------------------------------ */
#header:after, #content:after, form:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* Formualire rechercher */
#formulaire_recherche {float:right;}
#formulaire_recherche input[type=text]{width:150px;}

/* LAng */
#formulaire_menu_lang select{width:150px;}
ul.spip {list-style-type:circle; padding-left:15px;}

#contenu {margin-top:20px; padding:0.5em ; background:#E1EBF2; color:#333333;}
#contenu ul {list-style-type:circle; padding-left:15px; margin:5px 2px;}
#contenu h2, .hentry h2 {font-size:1.3em; margin-top:10px;}
#contenu h3, .hentry h3 {margin-top:8px;}

.code, .spip_code {margin:0.5em 0; padding:0.6em; background-color:#FFFFFF; border-color:#C9D2D8;}
.introduction.entry-content{padding:0.1em 0.5em;}

/* Add oscim - permanent col right tous tools */
div#right {float:right; width:30%; font-weight:100;}