/* CSS Document */
body {
  font-family: verdana, lucida, helvetica, arial, sans-serif;
  font-size: 11.5px;
  font-weight: normal;
  margin: 0 auto;
  padding: 0;
  background: #00386A;
  line-height: 16px;
}
#main {
  width: 800px;
  margin: 0 auto;
  background-color: #ffffff;

}
#header {
  width: 790px;
  margin: 0 auto;
  background-position: center;
  text-align:center;
}
#headercontent {
    padding: 10px;
    padding-top: 0;
}
#navrow {
   width: 780px;
   height: 58px;
   margin: 0 auto;
   background-color: #ffffff;
}
#navrowright {
  height: 58px;
  float: right;
  width: 490px;
}
#navrowleft {
  width:288px;
  height: 58px;
  position: absolute;
}
ul {
  width: 455px;
  display: inline;
  list-style-type: none;
  height: 58px;
}
li {
  position: relative;
  display: inline;
  float: right;
}
li a {
  width: 110px;
  height: 58px;
  position:relative;
  display: block;
  white-space: nowrap;
  border: 1px solid #7FA5C6;
  background-color: #337AB8;
  color: #FFFFFF;
  line-height: 58px;
  margin-left: 2px;
  text-decoration: none;
  text-align: center;
  text-transform:uppercase;
  font-weight: bold;
}
li a.apropos {
  width: 112px;
  height: 58px;
  position:relative;
  display: block;
  white-space: nowrap;
  border: 1px solid #7FA5C6;
  background: url(images/apropos.jpg) no-repeat;
  color: #FFFFFF;
  line-height: 58px;
  margin-left: 2px;
  text-decoration: none;
  text-align: center;
  text-transform:uppercase;
  font-weight: bold;
}
li a.services {
  width: 112px;
  height: 58px;
  position:relative;
  display: block;
  white-space: nowrap;
  border: 1px solid #7FA5C6;
  background: url(images/services.jpg) no-repeat;
  color: #FFFFFF;
  line-height: 58px;
  margin-left: 2px;
  text-decoration: none;
  text-align: center;
  text-transform:uppercase;
  font-weight: bold;
}
li a.equipe {
  width: 112px;
  height: 58px;
  position:relative;
  display: block;
  white-space: nowrap;
  border: 1px solid #7FA5C6;
  background: url(images/equipe.jpg) no-repeat;
  color: #FFFFFF;
  line-height: 58px;
  margin-left: 2px;
  text-decoration: none;
  text-align: center;
  text-transform:uppercase;
  font-weight: bold;
}
li a.contact {
  width: 112px;
  height: 58px;
  position:relative;
  display: block;
  white-space: nowrap;
  border: 1px solid #7FA5C6;
  background: url(images/contact.jpg) no-repeat;
  color: #FFFFFF;
  line-height: 58px;
  margin-left: 2px;
  text-decoration: none;
  text-align: center;
  text-transform:uppercase;
  font-weight: bold;
}
li a:hover {
  color: #ffffff;
  background: #CCCCCC;
}

#content{
   width: 780px;
   margin: 0 auto;
   color: #000000;
}
#topContent {
  padding: 5px;
  background-color: #E4EDF6;
  color: #000000;
}
#services1 {
  padding: 5px;
  background-color: #E4EDF6;
  color: #000000;
}
#services2 {
  padding: 5px;
  background-color: #E4EDF6;
  color: #000000;
}
#services3 {
  padding: 5px;
  background-color: #E4EDF6;
  color: #000000;
}
#services4 {
  padding: 5px;
  background-color: #E4EDF6;
  color: #000000;
}
#bottomContent {
  padding: 5px;
  background-color: #ffffff;
}
#bottomColumn1 {
  border: 1px solid #cccccc;
  padding: 5px;
  background-color: #ffffff;
  float: left;
  width: 360px;
}
#bottomColumn2 {
  border: 1px solid #cccccc;
  padding: 5px;
  background-color: #ffffff;
  width: 360px;
  float: left;
  margin-left: 15px;
}
#bottomColumn3 {
  border: 1px solid #cccccc;
  padding: 5px;
  background-color: #ffffff;
  float: right;
  width: 240px;
}

#imagesrow {
   width: 770px;
   height: 62px;
   margin: 0 auto;
   background-color: #ffffff;
   padding-top: 1px;
   padding-bottom: 1px;
}
#imagestrip {
   width: 700px;
   height: 64px;
   margin-top: 5px;
   background-color: #E4EDF6;
   padding: 5px;
   overflow: hidden;
   border: 1px solid #115795;
}
html>body #imagestrip {
    width: 708px;
  }
#imagescroll {
   width: 1320px;
}
#copyright {
   width: 780px;
   margin: 0 auto;
}

a {
  color: #115795;
  text-decoration:none;
}
a:hover {
  color: #ff0000;
  text-decoration: underline;
}
h1 {
  font-size: 130%;
  font-weight: bold;
  margin: 2px;
  color: #7FA5C6;
}
h2 {
  font-size: 120%;
  font-weight: bold;
  color: #7FA5C6;
  margin: 2px;
}
h2.black {
  font-size: 110%;
  font-weight: bold;
  color: #000000;
  margin: 2px;
}
h3 {
  font-size: 110%;
  font-weight: bold;
  color: #000000;
  margin: 2px;
}
h3.white {
  font-size: 110%;
  font-weight: bold;
  color: #ffffff;
  margin: 2px;
  text-transform: uppercase;
}
.plus {
  color: #26468C;
  text-align: right;
}
.clr {
  clear: both;
  float: none;
  height: 5px;
}
.clr10 {
  clear: both;
  float: none;
  height: 15px;
}
.clrgrey {
  clear: both;
  float: none;
  height: 5px;
  background-color: #CCCCCC;
}
#leftarrow {
  height: 52px;
  width: 15px;
  float: left;
  margin-right: 10px;
}
#rightarrow {
  height: 52px;
  width: 15px;
  float: right;
}
.stripimage {
  height: 62px;
  width: 76px;
  border: 1px solid #ffffff;
  margin-top: 0;
  margin-left:5px;
  margin-right: 5px;
  margin-bottom: 0;
}
#largeimg {
  width: 400px;
  height: 400px;
  float: inherit;
  position: absolute;
  left: 300px;
  top: 100px;
}
#adminleft {
  width: 200px;
}
#adminright {
  width: 85%;
  float: right;
}
#mainadmin {
  width: 900px;
  margin: 0 auto;
  background-color:#FFFFFF;
}
#admin {
  width: 880px;
  padding: 10px;
}
#adminhead {
  width: 95%;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
}
.inputbox {
  background-color: #FFFFF2;
  border: 1px solid #003366;
}
.buttonclass{
  background-color: #F2EEEA;
  border: 1px solid #3F3327;
  padding-top: 2px;
  color: #000000;
  font-weight: bold;
  height: 27px;
}

.buttonclass:hover{
  background-color: #ffffff;
  color: #ff0000;
  border: 1px solid #ff0000;
}
#outputheader {
  background-color: #CDBCAB;
  text-align: center;
  padding: 10px;
}
#outputfooter {
  background-color: #CDBCAB;
  text-align: center;
  padding: 10px;
}
#outputsettings {
  background-color: #CDBCAB;
  color: #0000FF;
  text-align: center;
  padding: 10px;
}
#outputcontent {
  background-color: #CDBCAB;
  text-align: center;
  padding: 10px;
}
.whiteB {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 120%;
}
.blueB {
  color: #84B1DA;
  font-weight: bold;
}

#footer {
  width: 790px;
  margin: 0 auto;
  margin-top: 5px;
}

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}
h1{font: lighter 200% "Trebuchet MS", "Arial sans-serif";color: #0F416F}
h1,p{margin:0;padding:5px 5px}

div#leftv {
    float: left;
    width: 480px;
	padding-top: 5px;
	padding-left: 5px;
}
div#rightv {
	float: right;
	width: 275px;
	padding-left: 5px;
	padding-top: 0px;
}
div#lefts {
    float: left;
    width: 265px;
	padding-bottom: 5px;
}
div#rights {
	float: right;
}
div#clrv {
    clear: both;
}