/* style.css
 * (c) BEP CONCEPT - France
 */
body {
  padding: 0px;
  margin: 0px;
  font:11px Verdana, Helvetica, sans-serif;
  /*background: url(images/bg.png) #ffffff no-repeat top left;*/
  background-color: #eeeeee;
}
#bodyframe {
  margin: 0px auto;
  max-width: 1024px;
  min-width: 800px;
  background: url(images/bg.png) #ffffff no-repeat top left;
}
h1 {
  margin-top: 0px;
  font: bold x-large Arial, Helvetica, sans-serif;
  color: #43616b;
}
h2 {
  font: large Arial, Helvetica, sans-serif;
  color: #9c1a1e;
}
h3 {
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0.5em;
}
h4 {
  margin-bottom: 2px;
  font: bold small Verdana, sans-serif;
  color: #9c1a1e;
}
h5{
  margin-top: 2px;
  font: bold italic small Arial, Helvetica, sans-serif;
  color: #43616b;
}
a {
  color: #34339b;
}
a:hover{
  color: #9c191e;
}
hr{
  color: #a5b5c6;
  height: 1px;
}
a img{
  display: block;
  border: 0px;
}
.textbox {
  border: #000 1px solid;
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
  font: small verdana, sans-serif;
  color: #000; padding-top: 4px;
  background-color: #fff;
}
.button{
  border: #000 1px solid;
  padding: 2px;
  font: bold small verdana, sans-serif;
  color: #fff;
  background-color: #5c6f90;
}
.headshot {
  display: inline;
  float: left;
  margin: 0px 0.5em 0.5em 0px
}
.date{
  display: block;
  font: x-small Verdana, sans-serif;
  color: #a5b5c6;
  text-align: right;
}
.author{
  display: block;
  font: x-small/2 Verdana, sans-serif;
  color: #5c6f90;
}
.blurb{
  margin: 0px 0px 1em 55px;
}
p.crumbtrail {
  font-size: x-small;
  margin: 10px 28% 0px;
}

p.indent {
  margin-left: 20px;
}

p {
  text-align: justify;
}

p, ul {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 1em;
}

h3.titre {
  padding-left: 5px;
  margin-bottom: 1em;
  background-color: #ffd700;
  color: #1133aa;
  text-align: left;
}

.tarif {
  margin:0;
  border: 0px; 
  padding: 0px;
  border-bottom: rgb(41,134,181) 1px solid;
  padding-top: 1.5em;
  font: bold 14px Verdana, Helvetica, sans-serif;
  color: rgb(41,134,181);

}

.vignette {
  float: right;
  padding: 0px;
  margin: 0px 0px 10px 20px;
}

.vignette img {
  border: #000 1px solid;
}

p.row {
  padding: 0px;
  margin: 0px;
}

p.row span.leftcol {
  float: left;
  width: 35px;
}

p.row span.rightcol {
  /*float: right;*/
  /*width: 80%;*/
}

.spacer {
  clear: both;
  display: block;
  font: 1px/1 sans-serif;
  height: 1px;
}

/*-----------------
 * Elements
 *-----------------*/
#bandeau{
  padding: 0px;
  margin: 20px 0px 0px 130px;
  /*border: 1px #000 solid;*/
  height: 100px;
  text-align: center;
}

#bandeau h1{
  margin-top: 20px;
}

#contenu{
  position: relative;
  top: 0px;
  left: 0px;
  padding: 1px;
  margin: 0px 5px 0px 0px;
}

#left{
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  width: 125px;
  color: #000;
}

#right{
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0px;
  padding: 0px;
  color: #000;
  text-align: center;
}

#center{
  padding: 0px;
  margin: 0px 170px 0px 150px;
  color: #000;
}

div#center ul{
  padding-bottom: 2em;
  font: 1em/1.5 Verdana, Helvetica, sans-serif;
}

#center2{
  padding: 0px;
  margin: 0px 5px 0px 150px;
  color: #000;
}

div#center2 ul{
  padding-bottom: 2em;
  font: 1em/1.5 Verdana, Helvetica, sans-serif;
}

div#center2 ul li a{
  font: 1em/1.5 Verdana, Helvetica, sans-serif;
}

#center3{
  padding: 0px;
  margin: 0px 5px 0px 150px;
  color: #000;
  background: url(images/fondflg.jpg) #fff no-repeat center;
}

div#center3 ul{
  padding-bottom: 2em;
  font: 1em/1.5 Verdana, Helvetica, sans-serif;
}

div#center3 ul li a{
  font: 1em/1.5 Verdana, Helvetica, sans-serif;
}

#top {
  margin-left: 166px;
  padding-top: 2px;
  height: 18px;
  background-color: #ffd700;
  border-bottom: rgb(44,85,162) 1px solid;
}

div#top ul {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  list-style-type: none;
}
div#top ul li {
  display: inline;
  padding-right: 0.5em;
  padding-left: 0.5em;
  padding-bottom: 0px;
  padding-top: 0px;
  border-left: #34339b 1px solid;
}
div#top ul li.first {
  border-left: 0px;
}
div#top ul li a {
  font: bold 0.8em/1 Verdana, Helvetica, sans-serif;
}

#footer{
  clear: both;
  padding: 0px;
  margin: 10px 0px 0px 150px;
}

div#footer ul {
  /*position: absolute;
  left: 0px;*/
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
div#footer ul li{
  display: inline;
}
div#footer ul li img{
  display: inline;
}

ul#mainnav {
  margin: 0px;
  border-bottom: #a5b5c6 1px solid;
  padding: 0px;
  list-style-type: none;
  color: #ffd700;
  font: bold 11px/1.5 Verdana, helvetica, sans-serif;
}
ul#mainnav li {
  margin: 0px;
  border-top: #a5b5c6 1px solid;
  padding: 0px;
}
ul#mainnav li a {
  display: block;
  margin: 0px;
  padding-right: 0px;
  padding-left: 6%;
  padding-bottom: 6px;
  padding-top: 6px;
  width: 94%;
  color: #ffd700;
  text-decoration: none;
}
ul#mainnav li a:hover {
  color: rgb(43,83,162);
  background-color: #ffd700;
}
ul#mainnav li.current {
  margin: 0px;
  padding-right: 0px;
  padding-left: 6%;
  padding-bottom: 6px;
  padding-top: 6px;
  width: 94%;
  color: #33ffff;
}

ul#mainnav ul.subnav {
  margin: 0px;
  /*border-top: #a5b5c6 1px solid;*/
  border: 0px;
  padding: 0px;
  list-style-type: none;
}

ul#mainnav ul.subnav li {
  margin: 0px;
  border: 0px;
  padding: 0px;
  padding-right: 0px;
  padding-left: 12%;
  padding-bottom: 0px;
  padding-top: 0px;
  width: 88%;
}

ul#mainnav ul.subnav li a {
  display: block;
  margin: 0px;
  padding: 0px;
  width: 100%;
  text-decoration: none;
}

ul#mainnav ul.subnav li a:hover {
  color: rgb(43,83,162);
  background-color: #ffd700;
}

ul#mainnav ul.subnav li.current {
  margin: 0px;
  padding-right: 0px;
  padding-left: 12%;
  padding-bottom: 0px;
  padding-top: 0px;
  width: 88%;
}

.right {
  text-align: right;
}

#w3c{
  position: absolute;
  bottom: 5px;
  left: 5px;
  padding: 0px;
  margin: 0px;
}

/*-----------------
 * Formulaire de contacts
 *-----------------*/
#frm {
  margin:0;
  border: 0px; 
  padding: 0px;
}

#frm h2 {
  margin:0;
  border: 0px; 
  padding: 0px;
  border-bottom: rgb(41,134,181) 1px solid;
  padding-top: 1.5em;
  font: bold 14px Verdana, Helvetica, sans-serif;
  color: rgb(41,134,181);
}

#frm table {
  margin: 0px;
  border: 0px;
  padding: 0px;
}
  
#frm table td{
  margin: 0px;
  padding: 5px;
  border: 0px;
} 

#frm table td.leftcol{
  width: 60px;
} 

#frm table td.rightcol{
  width: 150px;
} 

#frm table td.leftcol2{
  padding-left: 80px;
  width: 30px;
}

#frm .centrer {
  text-align: center;
}

/*-----------------
 * Onglets bleus
 *-----------------*/
#onglet_bleu {
  float:left;
  width:100%;
  /*background-color:rgb(51,102,153);*/

  font-size:93%;
  line-height:normal;
}

#onglet_bleu ul {
  margin:0;
  /*padding:0px 10px 0 75px;*/
  padding:0px 0px 0 0px;
  list-style:none;
}

#onglet_bleu li {
  float:left;
  background:url("images/onglet_bleu_left.png") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
}

#onglet_bleu a {
  float:left;
  display:block;
  background:url("images/onglet_bleu_right.png") no-repeat right top;
  padding:5px 10px 4px 1px;
  text-decoration:none;
  font-weight:bold;
  color: white;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#onglet_bleu a {float:none;}
/* End IE5-Mac hack */

#onglet_bleu a:hover {
  color:#ffE01A;
}

#onglet_bleu .disabled {
  float:left;
  display:block;
  background:url("images/onglet_bleu_right.png") no-repeat right top;
  padding:5px 10px 4px 1px;
  font-weight:bold;
  color: #999999;
}

#onglet_bleu #current {
  background-image:url("images/onglet_bleu_left_on.png");
}

#onglet_bleu #current a {
  background-image:url("images/onglet_bleu_right_on.png");
  color:#ffE01A;
  padding-bottom:5px;
}

#onglet_bleu .nolink {
  float:left;
  display:block;
  padding:5px 10px 5px 1px;
  font-weight:bold;
  background:url("images/onglet_bleu_right_on.png") no-repeat right top;
  color:#ffE01A;
}

/*-----------------
 * User
 *-----------------*/
div#user {
  clear: both;
  /*height: 20px;*/
  background-color:rgb(71,145,197);
  color: white;
  /*height: 100%;*/
  /*margin: 0px 15px 0px 150px;*/
}

div#user p {
  padding: 5Px 0px 5px 2px;
  /*margin: 5px 0px 5px 2px;*/
  margin-bottom: 1em;
}

.blink {
 color: red;
 text-decoration: blink;
}

.liens_partenaires {
  font:11px Verdana, Helvetica, sans-serif;
}