/************************
* Layout général
* ***********************/
body {
  background:#1c1c1c;  
  font-family:"Carlson pro","Lucida grande","Arial","sans";

}
a {
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
#doc-custom{
  color:#fff;
  background:#1c1c1c;  /**/;
  padding:0 1.54em;
  width:71.54em;
  *width:69.81em;
  margin:auto;text-align:left;
  min-width:930px;
}
#bd {
  padding:1em 0;
  min-height:600px;
}
#breadcrumb {
  margin:0 0 0.8em 0;
}
#ft {
  text-align:center;
  font-size:92%;
  letter-spacing:0.2em;
  background:transparent;
  padding:1em 0;
}
#ft a {
  color:#999;
  margin:0.4em 0;
  text-decoration:none;
}

#hd h1 {
  background:transparent url(/images/logo_website.png) center top no-repeat;
  padding:69px 0 0 0;
}
#hd h1 a {
  display:block;
  color:#d6d6d6;
  text-align:left;
  text-decoration:none;
  font-size:131%;
  letter-spacing:3.3px;
  width:370px;
  margin:auto;
  padding:0 22px;
}
/* ======== */
/* = Tags = */
/* ======== */
strong {
  font-weight:bold;
  color:#ddd;
}
legend {
  color:#fff;
}

em {
  font-style:italic;
  color:#fff;
}
h3,h4,h5 {
  font-weight:normal;
  background:transparent url(/images/headline_underline.png) left bottom no-repeat;
  margin:10px 0;
}
h2 {
  color:#bbad8b;
  font-size:167%;
  text-align:left;
  margin:0 0 1em 0;
}
.widebar {
  background:#000;
}
 /* ======================================= */
/* = Redéfinition de balises par ID = */
/* ======================================= */
#tooltip {
	background: transparent url(/images/formerror.png) left top no-repeat;
	padding: 5px 5px 5px 14px;
  max-width:20em;
  _width:20em;
  text-align:left;
}
#tooltip h3 {
  background:transparent;
  text-decoration:none;
  font-size:100%;
  color:#a00;
}
 #nav {
   text-align:center;
   padding-top:1em;
   
 }
 #nav a {
   font-weight:bold;
   color:#fff;
 }
 #nav ul {   
   font-size:85%;
 }
 #nav li {
   display:inline;
   margin:0 1em 0 1em;
 }

 #ft .ff {
   margin-top:.8em;
 }
 #langmenu {
   float:right;
 }
 #langmenu li {
   float:right;
   display:block;
   padding:.3em 0 0 33px;
   height:1.8em;
   margin:0 0 0 1em;
 }
 #langmenu li a {
   font-weight:bold;
   color:#ccc;
   text-decoration:none;
 }
 #lang_en {
   background:transparent url(/images/flag_en.png) left top no-repeat;
 }
 #lang_fr {
   background:transparent url(/images/flag_fr.png) left top no-repeat;
 }
 #langmenu .active a {
   color:#777;
 }
 .blocroute {
   padding:0;
   width:262px;
   float:left;
 }
 .blocmer {
   padding:0;
   width:262px;
   float:right;
 }
 .blocterre {
   padding:0;
   width:285px;
   margin:auto;
 }
.blocroute p, .blocterre p, .blocmer p {
  font-size:85%;
  text-align:right;
}
.widebar {
  margin:2em 0;
}
.widebar a {
  display:block;
  text-align:right;
  color:#fff;
  font-weight:bold;
  padding:.3em .3em;
}
 /* ======================= */
/* = Block related stuff = */
/* ======================= */
/*.content_body p {
  margin-left:-37px;
}
*/
.centered {
  text-align:center;
}
.lefted {
  text-align:left;
}
.righted {
  text-align:right;
}
.centered img {
  display:inline;
}
ul.enum {
  margin:10px 0;
}
.enum li {
  list-style-type:none;
  background:transparent url(/images/disc.png) left 3px no-repeat;
  margin-left:10px;
  padding-left:20px;
  line-height:25px;
}

h2,h3,h4,h5 {
  font-weight:bold;
}
/* =========== */
/* = Classes = */
/* =========== */
li.selected {
  font-weight:bold;
}
#doc-custom h2.content_title {
font-size:108%;
font-variant:small-caps;
padding:0.5em 0 0.3em 0;
background:transparent url(/images/headline_underline.png) left bottom no-repeat;
letter-spacing:0.15em;
}
.content_header, .content_body {
  font-size:93%;
}


span.numtel {
  color:#fff;
}
.imgleft {
  float:left;
  margin-right:5px;
}
.imgright {
  float:right;
  margin-left:5px;
}

.note {
  font-size:76%;
  color:#eee;
}
.note li {
  font-size:#eee;
  color:76%;
  margin-left:10px;
}
/* =================== */
/* = IDs spécifiques = */
/* =================== */
/* Formulaire d'inscription */
#domMessage {
  color:#fff;
  background:#000;
  border:2px solid #ccc;
  text-align:center;
  padding:20px
}
#domMessage h1 {
  padding-bottom:10px;
}

br.clearleft {
  clear:left;
}
br.clearright {
  clear:right;
}
p.centered {
  text-align:center;
}

.flist td, .flist th {
  border-bottom:1px solid #555;
  padding:8px 20px;
}


.leftmenu h3 {
  margin:0;
  text-align:right;
  font-size:100%;
  color:#ccc;
  font-weight:bold;
}

ul.leftmenu {
  padding:20px 0;
}
ul.leftmenu li {
  font-weight:bold;
}
ul.leftmenu li a {
  padding:10px 5px;
  display:block;
  color:#fff;
  text-decoration:none;
}
ul.leftmenu li a:hover{
  background:#424242;
}
ul.leftmenu li.selected a {
    background:#121212;
}
/* ====================== */
/* = Menu accessibilité = */
/* ====================== */
#blindnav {
  margin:0;padding:0;
  text-align:center;
  color:#1c1c1c;
}
#blindnav a{
  color:#1c1c1c;
}

 /* ======== */
/* = Typo - couleurs = */
/* ======== */
legend {
  font-weight:bold;
}
a {
  color:#ffa;
}
.light {
  background:#383838;
}
.dark {
  background:#121212;
}
.cornerinside {
  padding:1em;
}
.cornerinside h2 {
  margin-bottom:0;
}
.formline {
  clear:left;
  padding:0.3em 0;
}
.big .formline {
  padding:1em 0;
}
.contact .formline {
  padding:0.5em 0;
  
}
input {
  margin:0.2em;
}
label {
  float:left;
  display:block;
  width:10em;
  height:1.5em;
}
form br {
  clear:left;
}
select.error, input.error, textarea.error {
  background:#faa;
}
label.error span.error {
  display:none;
}
label.error {
  border-left:4px solid #f00;
}
label.long {
  width:16em;
}
span.required {
  color:#f00;
}


fieldset.big {
  font-size:130%;
  line-height:350%;
  margin-bottom:2em;
}
fieldset.bigest {
  text-align:center;
  font-size:100%;

}
.bigest label {
  display:block;
  float:none;
  text-align:center;
  margin:auto;
  width:30em;
}
.bigest input {
  font-size:197%;
}
.big input {
  margin-left:1em;
}
.sideform .big label {
  width:180px;
}
.submit label {
  float:none;
  display:inline;

}
.formgroup label {
  display:inline;
  float:none;
  font-size:80%;
}

.submit  {
  clear:both;
  text-align:center;
}
.small {
  font-size:77%;
}
p.formnote {
  font-size:90%;
  color:#aaa;
  font-style:italic;
  padding:0 2.5em;
  margin:0 0 0.8em 0;
}

.formelements input, .formelements select {
  margin:0;
  padding:0;
}

#loader {
  position:absolute;
  left:50%;
  top:50%;
  z-index:1000;
  margin:-20px 0 0 -20px;
}
hr {
  border:2px solid #444;
  margin:2em 10em;
}
#toowaydesc {
  width:60%;
  margin-top:27px;
}