html
{
  background-color:#879589;  
  
  background: url('../images/background.jpg') no-repeat center top fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */    
}

body
{  
  font-family: 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;  
  
  background-color:transparent;
  
  padding:0;
}

div#page
{
  margin-top:180px;
  margin-left:auto;
  margin-right:auto;
  
  border-left-style:solid;
  border-left-width:2px;
  border-left-color:#1ba9c4;

  border-right-style:solid;
  border-right-width:2px;
  border-right-color:#1ba9c4;  
  
  border-bottom-style:solid;
  border-bottom-width:2px;
  border-bottom-color:#1ba9c4;   
  
  background-color:transparent;
  background: url('../images/page_bckgrnd_70pc.png') repeat; 
  
  margin-bottom:2em;
}

header
{
  background-color:#1ba9c4;
  color:#ffffff;
  
  margin-top:2em;
  padding-left:1em;
  padding-bottom:0.5em;
}

header h1
{
  font-size:2.9em;
  font-weight:normal;
}

header h2
{
  margin-top:0.25em;
  font-weight:normal;
}

header a,
header a:visited
{
  color:#ffffff;
  text-decoration:none;
}

header .w33,
header .w66
{
  float:left;
}

/* Contenu */

#main
{
  padding:1em;  
  font-family: 'Open Sans', sans-serif;  
}

#organisation
{
  text-align:right;
  float:right;
}

#organisation img
{
  margin:1em;  
  height:80px;
}

#main a,
#main a:visited
{
  color:#3878c7;
  font-weight:bold;
}

#main h2
{
  font-family: 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight:normal;

   margin-bottom:0.5em;
}

#main h2 span
{
 padding-left:0.5em;
 padding-right:0.5em;  
 margin-left:-0.5em;   
  
  background-color:#1ba9c4;
  color:#ffffff;  
  
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;   
}

#main div.w50
{
  vertical-align:top;
  
  padding-right:1em;
}

#main ul.programme span
{
  font-weight:bold;
}

#main ul.programme span.by
{
  font-weight:normal;
  font-style:italic;
}

#tablestournantes_map
{
  margin-top:1em;
  height:300px;
}


/* Sponsors */

#partenaires
{
  height:200px;
}

#partenaires a
{
  display:inline-block;
  text-decoration:none;
  text-align:center;
  border:0px;
}

#partenaires a img
{   
  vertical-align:middle;
}

/* GENERIC FORM : DEBUT */

form div.form_item
{
  clear:both;
  
  margin-top:1px;
  margin-bottom:2px;
}

form div.form_item label
{
  display:block;
  width:20%;
  float:left;    
  
  text-align:right;
  padding-right:5px;
  
  margin-top:0; /* Pour annuler KNACSS */
}

form div.form_item div.input_wrapper
{
  display:inline-block;
  width:80%;
}


form div.form_item div.input_wrapper label
{
  /* Label dans un input-wrapper */
  display:inline-block;
  width:auto;    
  
  text-align:right;
  padding-right:5px;
}

form div.form_item p.input_helper,
form div.form_item div.input_helper
{  
  font-size:80%; 
  font-style:italic;
  
  margin-top:2px;
  margin-bottom:0px;  
  
  color:#656565;
}

form div.form_item p.input_warning,
form div.form_item div.input_warning
{  
  margin-top:2px;
  margin-bottom:0px;  
    
  background: #FFCCCC;
  color: #220000;
  padding: 2px;
  border: 1px solid #DD7777;  
}

form div.form_item input[type="text"],
form div.form_item input[type="password"],
form div.form_item textarea,
form div.form_item select
{
  border:1px solid #ddd;
  background:#f5f5f5;
}

form div.form_item textarea
{
  display:block;
  width:50%;
  
  /* Override KNACSS setting */
  font-size: 100%;
  
  /* Enable textarea resize */
  overflow: auto;
  resize:vertical;
}

form div.form_item textarea:focus
{
  border: 1px solid #ccc;
}

ul.erreurs,
div.erreurs,
p.erreur
{ 
  background: #FFCCCC;
  color: #220000;  
  border: 1px solid #DD7777;
}

div.ok,
p.ok
{ 
  background: #dfd;
  color: #008000;
  padding: 2px;
  border: 1px solid #00aa00;
}

/* GENERIC FORM : FIN */



/* Générique */
hr.clear
{
  clear:both;
  visibility:hidden;
  
  border-width:0px;
  height:0px;
  padding:0px;
  margin:0px;
}