body {
  background: #CBCDCC url(fond_streching.jpg) repeat-x scroll left top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 padding: 0px;
 color: #1A4570;
 font-size: 16px;
text-align:center; 
}
* {
  margin: 0;
  padding: 0;
}

p{
 margin: 0;
 padding: 0px;
 text-align: justify;
}

h1,h2,h3,h4,h5,h6 {
 margin: 0;
 padding: 0px;
 font-size: 1.8em;
 color: #19446F;
}
a {
 text-decoration: none;
 font-weight: bolder;
 color: #1A4570;
}
a:hover {
 text-decoration: underline;
 font-weight: bolder;
 color: #143656;
}
img {
 border: none; 
}

ul {
list-style-type: none;
}
li {
  list-style-type: none;
}
html, div, map, dt, isindex, form {
  display: block;
}

#conteneur {
  border: 7px solid #9d9d9f;
  margin: 0 auto;
  padding: 0 0 0 0;
  background: #D8E9EC url() repeat scroll 0%;
  width: 1000px;
  font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 0.9em;
  line-height: normal; 
}

#photo_de_tete{
  background: transparent url(bateaux.jpg) no-repeat scroll right top;
  height: 190px;
  width: 1000px;
   margin: 0px 0 0 0px;
  padding: 0 0 0 0px;
}
#logo {
position:relative;
top:20px;
left:0px;
}

#logo a{
position:relative;
top:0px;
left:70px;
}

#barre {
  background: transparent url(barre.JPG) repeat-x scroll 0%;
  clear: both;
  width: 1000px;
  height: 50px;
}

#gauche1 {
 float: left;
 clear: left;
 width: 200px;
 margin: 0px 0px 0 0px;
 padding: 10px 10px 0 10px;
}

#menu_gauche {
  border:  none;
  margin: 0 0 0px;
  padding: 0 0 0 0px;
}
#menu_gauche_haut {
  border:  none;
  margin: 0 0 0px;
  padding: 0 0 0 0px;
  background: transparent url(epicea_haut_b.jpg) repeat scroll 0%;
  width: 200px;
  height: 32px;
}
#menu {
  border:  none;
  margin: 0 0 0px 0px;
  padding: 0px 0 0px 0px;
  background: transparent url(epicea_centre_b.jpg) repeat-y scroll 0%;
  width: 200px;
}
#menu li {
  margin: 0;
  padding: 10px 0 10px 0px;
}
#menu li a {
  margin: 0px 30px 0 30px;
  padding: 0px 0;
  background:transparent no-repeat scroll center;
  display: block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color:#462000;

}
#menu li a:hover {
  margin: 0px 30px 0 30px;
  border: 1px solid #804000;
  background: #d5c18f no-repeat scroll center;
  color: #613c18;
    margin: 0px 30px 0 30px;
  padding: 0px 0;
}
#menu_gauche_bas {

  border:  none;
  margin: 0 0 0px;
  padding: 0 0 0 0px;
  background: transparent url(epicea_bas_b.jpg) repeat scroll 0%;
  width: 200px;
  height: 28px;
}
#pub{
width:200px;
margin: 20px 0px 0px 0px;
  padding: 0px 0 0 0px;
  background: #FFFFFF;
}

#pub p{
margin: 0px 10px 0px 0px;
  padding: 0px 0px 10px 10px; 
}

#pub2{

width:200px;
margin: 0px 0px 20px 0px;
  padding: 0px 0 0 0px;
  background: #000513;
}

#pub2 p{
text-align:center;
margin: 0px 10px 0px 0px;
  padding: 0px 0px 10px 10px; 
   font-size: 12px;
}

#pub3{

width:200px;
margin: 20px 0px 0px 0px;
  padding: 0px 0 0 0px;
  background: #0137D8;
}

#pub3 p{
margin: 0px 10px 0px 0px;
  padding: 0px 0px 10px 10px; 
   font-size: 12px;
}

#pub4{
width:200px;
margin: 20px 0px 0px 0px;
  padding: 0px 0 0 0px;
  background: #FFFFFF;
}

#pub4 p{
text-align:center;
margin: 0px 10px 0px 0px;
  padding: 0px 0px 10px 10px; 
   font-size: 12px;
}

#pub5{
width:200px;
margin: 20px 0px 0px 0px;
  padding: 0px 0 0 0px;
  background: #000513;
}

#pub5 p{
text-align:center;
margin: 0px 10px 0px 0px;
  padding: 0px 0px 10px 10px; 
   font-size: 12px;
}

#pub6{
width:200px;
margin: 20px 0px 0px 0px;
  padding: 0px 0 0 0px;
  background: #F06804;
}

#pub6 p{
text-align:center;
margin: 0px 10px 0px 0px;
  padding: 0px 0px 10px 10px; 
   font-size: 12px;
}

#pub7{
width:200px;
margin: 20px 0px 0px 0px;
  padding: 0px 0 0 0px;
  background: #FFFFFF;
}

#pub7 p{
text-align:center;
margin: 0px 10px 0px 0px;
  padding: 0px 0px 10px 10px; 
   font-size: 14px;
}

.pub_gauche {
float:left;
margin:0 0px 0px 0px;
padding: 10px 0px 10px 0px;
}

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

#page_principale {
width:765px;
  margin: 0px 0px 0 0px;
  padding: 10px 10px 10px 0px;
  float: right;
  clear: right;
}

.bienvenue {
  width:765px;
  margin: 0 0 0 0;
  padding: 0px 0 0 0;
  background: transparent url(fond_principale_haut3.png) no-repeat scroll left center;
  text-align: center; 
  height: 56px;
}


.bienvenue h1{
width:765px;
padding: 10px 0 0 0;
}

.text-du-haut{
width:735px;
  margin: 0px 0px 0 0px;
  padding: 10px 10px 10px 20px;
}

.marge {
 height: 10px;
 background: #DED8CC no-repeat scroll center;
   margin: 0px 10px 0 20px;
  padding: 0px 0px 0 0px;
  display:block;
  clear:both;
}

.contenent_haut {
display:block;
clear:both;
  margin: 0px 0 0 0px;
  padding: 0px 10px 0 10px;
  background:transparent url(fond_principale3.png) repeat-y scroll left top;
  text-align: left;
  width:745px;
}

.contenent_haut2 {
display:block;
clear:both;
  margin: 0px 0 0 0px;
  padding: 0px 10px 0 10px;
  background:transparent url(fond_principale3.png) no-repeat scroll left top;
  text-align: left;
  width:745px;
}

.contenent_haut2 strong{
height:50px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 font-size: 1.5em;
 color: #19446F;
}

.contenent_haut3 {
display:block;
clear:both;
  margin: 0px 0 0 0px;
  padding: 0px 10px 0 10px;
  background:transparent url(fond_principale3.png) no-repeat scroll left top;
  text-align: center;
  width:745px;
  height:30px;
}


.contenent_haut3 strong{
height:30px;
 margin: 0;
 padding: 0px;
 font-size: 1.5em;
 color: #19446F;
}

.contenent_haut4 {
display:block;
clear:both;
  margin: 0px 0 0 0px;
  padding: 0px 10px 0 10px;
  background:transparent url() no-repeat scroll left top;
  text-align: left;
  width:745px;
}

.contenent_haut4 strong{
height:50px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 font-size: 1.5em;
 color: #19446F;
}

.marge1 {
 height: 10px;
   margin: 0px 0 0 0px;
  padding: 0px 0px 0 0px;
  display:block;
  clear:both;
}

.contenent_haut h2{
padding: 0px 0 0 0px;
}

.text_gauche {
float:left;
width:410px;
margin:0 0px 0px 0px;
padding: 0 10px 0px 10px;
}

.text_gauche-cv {
float:left;
width:570px;
margin:0 0px 0px 0px;
padding: 0 10px 0px 10px;
}

.image1 {
float:right;
clear:right;
height:225px;
width:300px;
margin:0 0px 0px 0px;
padding: 0 0px 0px 0;
}

.image-cv {
float:right;
clear:right;
height:134px;
width:143px;
margin:0 0px 0px 0px;
padding: 0 0px 0px 0;
}

.image-manifestations-réceptions {
float:right;
height:300px;
width:225px;
margin:0 0px 0px 0px;
padding: 0 10px 10px 0;
}
.mat-voilier {
float:right;
height:400px;
width:300px;
margin:0 0px 0px 0px;
padding: 0 10px 0px 0;
}
.chaine {
display:block;
height:23px;
clear:both;
margin: 1px 0px 0 0px;
  padding: 0px;
}

#cabine {
float:right;
width:260px;
margin:0 0px 0px 0px;
padding: 40px 10px 0px 0px;
}

.image2 {
float:left;
clear:left;
height:225px;
width:300px;
margin:0 0px 0px 0;
padding: 0 0px 0px 0px;
}
.text_droit {
float:right;
width:410px;
margin:0 0px 0px 0px;
padding: 40px 10px 0px 0px;
}

.conclusion {
clear:both;
width:725px;
margin:0 0px 0px 0;
padding: 20px 10px 0px 10px;
display:block;
}
#formulaire {
width:500px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px 0px 0px 0px;
padding:0;
display:block;
}
forme {
width:100px;
}
legend {
margin-top:-30px;
color:#FF0000;
background-color:#FAF1D8;
font-size:18px;
padding:0 0 10px 0;
}
fieldset {
width:450px;
border-width:1px;
background-color:#FAF1D8;
padding: 30px 10px 0px 10px;
}
label{
display:block;
width:110px;
float:left;
}
input{
float:left;
background:#6994BD;
display:block;
width:300px;
}

select{
float:left;
background:#6994BD;
display:block;
width:300px;
}

textarea{
float:left;
background:#6994BD;
display:block;
width:300px;
height:150px;
}

input:hover{
background:#9FBAC8;
}

select:hover{
background:#9FBAC8;
} 

textarea:hover{
background:#9FBAC8;
}

input:focus{
background:#F1F0EF;
}

select:focus{
background:#F1F0EF;
} 

textarea:focus{
background:#F1F0EF;
}

#submit {
width:70px;
border:1px solid black;
background-color:#164A7A;
}

#footer {
  border:  none;
  margin: 0 0px 0px 0;
  padding: 0px 0 0px 0;
  background: #34345a url() repeat scroll 0%;
  clear: both;
  color: #a8a8a7;
  width: 1000px;
  height: 50px;
}

#footer  p{
 text-align: center;
}