/*

fond : #3f5e65
contenu : #4e6b71
vert clair : #9dadb0
beige : #caba9c

*/


body {	
background-color: #3f5e65;
font-family: Arial, Verdana, sans-serif;
font-size: 0.8em;
color: #fff;
margin : 0px;
padding : 0px;
text-align : center;
}

#global {
background-color : #4e6b71;
color: #fff;
width: 760px;
margin: 0px auto;
padding : 0px 0px 16px 0px;
text-align: left;
border: 0px;
overflow: hidden;
min-height: 800px;
}


#bando {
color : #fff;
/*background-color : #4e6b71;*/
background-image: url(../images/bando.gif);
background-repeat: no-repeat;
padding : 0px;
margin : 0px;
text-align : center;
height: 240px;
min-height: 240px;
max-height: 240px;
}


#menu_haut {
background-color : transparent;
color : #fff;
text-align: right;
margin: 0px 0px 0px 0px;
padding: 4px 8px 4px 0px;
height: 25px;
max-height: 25px;
min-height: 25px;
/*width: 552px;
max-width: 552px;
min-width: 552px;*/
font-size : 0.85em;
}


#menu_haut a:link {
color : #fff;
text-decoration : none;
background-color: transparent;
/*font-size : 0.8em;*/
font-weight : normal;
}

#menu_haut a:visited {
color : #fff;
text-decoration : none;
background-color: transparent;
/*font-size : 0.8em;*/
font-weight : normal;
}

#menu_haut a:hover {
color : #caba9c;
text-decoration : none;
background-color: transparent;
/*font-size : 0.8em;*/
font-weight : normal;
}

#menu_haut a:active {
color : #caba9c;
text-decoration : none;
background-color: transparent;
/*font-size : 0.8em;*/
font-weight : normal;
}


#menu_lien {
width: 190px;
max-width: 190px;
min-width: 190px;
height: 240px;
min-height: 240px;
max-height: 240px;
float : left;
}


#bandovis {
width: 540px;
max-width: 540px;
min-width: 540px;
height: 200px;
max-height: 200px;
min-height: 200px;
margin: 0px 0px 0px 200px;
padding: 0px;
border: 2px solid #fff;
background-image:url(../images/diapo/voilier.jpg);
background-repeat:no-repeat;
/*background-color: #fff;*/
}


#menu_gauche {
background-color : transparent;
color : #fff;
float: left;
width: 200px;
max-width: 200px;
min-width: 200px;
margin: 10px 0px 0px 0px;
padding: 0px;
}


#menu_gauche img{
margin: 16px 0px 0px 14px;
}



#menu {
background-image: url(../images/fond_menu.gif);
background-repeat: repeat-y;
color : #fff;
width: 190px;
max-width: 190px;
min-width: 190px;
margin: 10px 0px 0px 10px;
padding: 8px 4px 8px 4px;
}


#menu ul{
padding: 0px;
margin: 0px;
}


#menu li{
padding : 0px;
margin: 10px 0px 10px 0px;
list-style-image:url(../images/fleche_menu.gif);
list-style-position: inside;
}



#menu a:link {
color : #fff;
text-decoration : none;
background-color: transparent;
font-size : 1em;
font-weight : normal;
}

#menu a:visited {
color : #fff;
text-decoration : none;
background-color: transparent;
font-size : 1em;
font-weight : normal;
}

#menu a:hover {
color : #caba9c;
text-decoration : none;
background-color: transparent;
font-size : 1em;
font-weight : normal;
}

#menu a:active {
color : #caba9c;
text-decoration : none;
background-color: transparent;
font-size : 1em;
font-weight : normal;
}



#contenu {
background-color : transparent;
color : #fff;
padding : 20px 40px 30px 240px;
margin: 0px;
/*width: 560px;
max-width: 560px;
min-width: 560px;*/
border : 0px;
}


#footer {
background-color : transparent;
color : #caba9c;
text-align : center;
padding-top : 15px;
padding-bottom : 10px;
clear : both;
}

div.bottom_coord{
padding: 0px;
margin: 0px;
font-size: 0.75em;
}


#footer a:link {
color : #fff;
text-decoration : none;
background-color: transparent;
font-weight : normal;
}

#footer a:visited{
color : #fff;
text-decoration : none;
background-color: transparent;
font-weight : normal;
} 

#footer a:hover{
color : #caba9c; 
text-decoration : none;
background-color: transparent;
font-weight : normal;
} 

#footer a:active {
color : #caba9c; 
text-decoration : none;
background-color: transparent;
font-weight : normal;
}


/* MISE EN FORME DIVERS DIV*/

div.neutre{
clear:both;
margin : 0px;
padding: 8px;
}


div.centrer{
margin: 0px;
padding: 0px;
text-align: center;
}

div.aligndroite{
text-align: right;
padding: 0px;
margin: 0px;
}


div.liste_detail{
text-align: right;
padding: 0px;
margin: 0px;
}


div.magasin {
background-color: #3f5e65;
float: right;
border: 1px solid #9dadb0;
width: 200px;
max-width: 200px;
min-width: 200px;
padding: 16px;
margin: 0px 0px 16px 16px;
}


div.contact_detail{
background-color: #3f5e65;
color: #fff;
border: 1px solid #fff;
width: 180px;
max-width: 180px;
min-width: 180px;
padding: 16px;
margin: 0px;
}


div.contact_detail_droite{
background-color: #3f5e65;
color: #fff;
border: 1px solid #fff;
width: 100px;
max-width: 100px;
min-width: 100px;
padding: 8px;
margin: 0px;
text-align: left;
}


div.contact_detail_bombard{
background-color: #3f5e65;
color: #fff;
border: 1px solid #fff;
/*width: 180px;
max-width: 180px;
min-width: 180px;*/
padding: 16px;
margin: 0px;
}


div.divgauche {
width: 218px;
max-width: 218px;
min-width: 218px;
float: left;
margin: 0px;
padding: 0px 20px 0px 0px;
}

div.divgauchebeige {
width: 218px;
max-width: 218px;
min-width: 218px;
float: left;
margin: 0px;
padding: 0px 20px 0px 0px;
color: #caba9c;
}


div.divdroite {
width: 218px;
max-width: 218px;
min-width: 218px;
float: left;
margin: 0px;
padding: 0px 0px 0px 20px;
}

div.divdroite_d {
width: 218px;
max-width: 218px;
min-width: 218px;
float: left;
margin: 0px;
padding: 0px 0px 0px 20px;
text-align:right;
}

div.home{
margin: 0px;
padding: 0px;
}


div.home_gauche{
width: 290px;
max-width: 290px;
min-width: 290px;
float: left;
margin: 0px;
padding: 0px;
text-align: justify;
}


div.home_droite{
width: 170px;
max-width: 170px;
min-width: 170px;
float: right;
margin: 0px 0px 0px 10px;
padding: 0px;
text-align: justify;
}


div.affaires{
background-image: url(../images/fond_affaires.gif);
background-repeat: no-repeat;
background-position:left top;
padding: 0px;
margin: 0px;
width: 470px;
max-width: 470px;
min-width: 470px;
overflow: hidden;
}


div.occasind{
margin: 0px;
padding: 8px;
width: 140px;
max-width: 140px;
min-width: 140px;
color: #fff;
font-size: 1.1em;
font-weight: bold;
text-align: center;
float : left;
background-color: transparent;
}

div.occasind img{
border: 2px solid #caba9c;
}

div.occasind a:link{
text-decoration : none;
}

div.occasind a:visited{
text-decoration : none;
}

div.occasind a:hover{
text-decoration : none;
}

div.occasind a:active{
text-decoration : none;
}



div.actu{
margin: 0px;
padding: 0px;
color: #caba9c;
}


p.actuind{
margin : 4px 0px 12px 0px;
padding: 0px;
}



div.logo{
margin : 0px;
padding: 0px;
text-align: center;
}


div.logo img{
margin: 0px;
padding: 0px 8px 8px 0px;
}


div.divmoteurs{
width: 350px;
max-width: 350px;
min-width: 350px;
float: left;
margin: 0px;
padding: 0px;
color : #caba9c;
}


div.divdroite_moteurs{
width: 120px;
max-width: 120px;
min-width: 120px;
float: left;
text-align: right;
margin: 0px;
padding: 0px;
}


div.nouvo{
text-align : center;
width: 200px;
max-width: 200px;
min-width: 200px;
padding: 10px;
margin: 0px 16px 16px 0px;
/*background-color: #3f5e65;
border: 1px solid #fff;*/
color: #caba9c;
float: left;
}

div.nouvo img{
border: 2px solid #3f5e65;
margin: 4px 0px 4px 0px;
}


span.nouvo{
color : #fff;
font-size: 1.2em;
font-weight: bold;
}



/* MISE EN FORME DIVERS SPAN*/

span.rouge {
color:#fff;
}


span.introgb{
color: #caba9c;
}

span.blancgras{
color: #fff;
font-weight: bold;
}

/* TITRES */

h1 {
font-size : 2.4em;
color : #fff;
background-color : transparent;
padding : 0px 0px 0px 0px;
margin : 0px 0px 30px 0px;
font-weight:normal;
border-bottom: 1px solid #9dadb0;
}


h1.detail {
font-size : 2.4em;
color : #fff;
background-color : transparent;
padding : 0px 0px 0px 0px;
margin : 0px 0px 10px 0px;
font-weight:normal;
border-bottom: 1px solid #9dadb0;
}


h2 {
font-size : 1.4em;
color : #caba9c;
background-color : transparent;
padding : 0px;
font-weight : normal;
margin : 0px 0px 10px 0px;
}

h2.presta {
font-size : 1.2em;
color : #caba9c;
background-color : transparent;
padding : 0px;
font-weight : bold;
margin : 0px 0px 4px 0px;
}


h2.introfr{
font-size : 1em;
color : #caba9c;
background-color : transparent;
padding : 0px;
font-weight : bold;
margin : 0px;
}


h2.introgb{
font-size : 1em;
color : #fff;
background-color : transparent;
padding : 0px;
font-weight : bold;
margin : 0px;
}



h2.actu{
font-size : 1.2em;
color : #caba9c;
background-color : transparent;
padding : 0px;
font-weight : bold;
margin : 0px 0px 4px 0px;
}

h3.actu{
font-size : 0.9em;
color : #fff;
background-color : transparent;
padding : 0px;
font-weight : bold;
margin : 0px;
}


h2.affaires{
font-size : 1.2em;
color : #fff;
background-color : transparent;
padding : 0px;
font-weight : bold;
margin : 0px 0px 4px 0px;
}



/* LIENS */

a:link {
color : #caba9c;
text-decoration:underline;
background-color: transparent;
/*font-weight : bold;*/
} 

a:visited{
color : #caba9c;
text-decoration:underline;
background-color: transparent;
/*font-weight : bold;*/
} 

a:hover{
color : #fff; 
text-decoration:underline;
background-color: transparent;
/*font-weight : bold;*/
} 

a:active {
color : #fff; 
text-decoration:underline;
background-color: transparent;
/*font-weight : bold;*/
}


/* LISTES */

ul {
margin: 0px;
padding: 0px;
}

li {
margin: 0px;
padding: 0px;
list-style-type: square;
list-style-position: inside;
}




/* FORM */

form {
background-color : transparent;
color : #fff;
width: 90%;
}

form.liste{
margin : 0px 0px 8px 0px;
padding: 0px;
border : 0px;
/*background-color: #fff;*/
width: 100% !important;
width: 90%;
}


fieldset {
background-color: transparent;
border: 1px #caba9c solid;
color : #fff;
padding : 8px 16px 8px 16px;
}

fieldset.liste{
margin : 0px;
padding: 0px;
border : 0px;
/*background-color: #fff;*/
}


legend {
background-color: transparent;
color: #caba9c;
font-size: 1.2em;
font-weight: bold;
padding: 0px 0px 10px 0px;
margin: 0px;
}


textarea {
background-color : #fff;
color: #3f5e65;
text-align: left;
font-family: Arial, Verdana, Sans-serif;
border: 1px solid #3f5e65;
}

input {
background-color : #fff;
color: #3f5e65;
text-align: left;
border: 1px solid #3f5e65;
}

input.submit {
background-color : #caba9c;
color: #3f5e65;
text-align: center;
font-weight : bold;
padding: 5px;
}


input.liste{
background-color : #fff;
color: #3f5e65;
text-align: center;
font-weight : normal;
padding: 1px;
margin: 0px;
font-size: 0.7em;
}


label {
background-color : transparent;
color: #caba9c;
font-weight: bold;
}


label.alerte {
background-color : transparent;
color: #f63;
font-weight: bold;
padding : 5px 5px 0px 5px;
}



/* TABLEAUX*/

table{
border: 0px;
}


td.image{
width: 40px;
border: 0px;
background-color:#3f5e65;
}


td.modele{
width: 280px;
font-size : 1em;
font-weight: bold;
border: 0px;
padding: 8px;
background-color:#3f5e65;
}


td.plus{
width : 140px;
border: 0px;
padding: 8px;
background-color:#3f5e65;
text-align: center;
}




td.image_occas{
width: 40px;
border: 0px;
background-color:#3f5e65;
}


td.modele_occas{
width: 160px;
font-size : 1em;
font-weight: bold;
border: 0px;
padding: 8px;
background-color:#3f5e65;
}


td.constr_occas{
width: 100px;
border: 0px;
background-color:#3f5e65;
text-align: center;
font-size: 0.9em;
}



td.an_occas{
width: 60px;
border: 0px;
background-color:#3f5e65;
text-align: center;
font-size: 0.9em;
}


td.prix_occas{
width: 70px;
border: 0px;
background-color:#3f5e65;
text-align: center;
font-size: 0.9em;
}


td.plus_occas{
width : 40px;
border: 0px;
padding: 8px;
background-color:#3f5e65;
text-align: center;
}


th.image_occas{
width: 40px;
border: 0px;
background-color:#3f5e65;
}


th.modele_occas{
width: 160px;
font-weight: bold;
border: 0px;
padding: 8px;
padding: 0px 8px 0px 8px;
font-size: 0.9em;
background-color:#3f5e65;
}


th.constr_occas{
width: 100px;
border: 0px;
text-align: center;
color: #fff;
padding: 0px 8px 0px 8px;
font-size: 0.9em;
background-color:#3f5e65;
}



th.an_occas{
width: 60px;
border: 0px;
text-align: center;
color: #fff;
padding: 0px 8px 0px 8px;
font-size: 0.9em;background-color:#3f5e65;
}


th.prix_occas{
width: 70px;
border: 0px;
text-align: center;
color: #fff;
padding: 0px 8px 0px 8px;
font-size: 0.9em;
background-color:#3f5e65;
}


th.plus_occas{
width : 40px;
border: 0px;
padding: 8px;
background-color:#3f5e65;
}





/* IMAGES */

a:link img {border:0px;}
a:visited img {border:0px;}
a:hover img {border:0px;}
a:active img {border:0px;}
 
img.gauche {
float : left;
padding-right: 10px;
}

img.gauche_bombard {
float : left;
margin-right: 16px;
border: 1px solid #fff;
}

img.gauche_actu {
float : left;
margin-right: 10px;
border: 1px solid #fff;
}

 
img.droite {
float: right;
padding-left: 10px;
}

img.droite_home {
float: right;
margin-left: 10px;
border: 2px solid #fff;
}

img.cadre {
border: 1px solid #fff;
}

a:link img.cadre {border : 1px solid #fff;}
a:visited img.cadre {border:1px solid #fff;}
a:hover img.cadre {border:1px solid #fff;}
a:active img.cadre {border:1px solid #fff;}

a:link img.gauche_bombard {border : 1px solid #fff;}
a:visited img.gauche_bombard {border:1px solid #fff;}
a:hover img.gauche_bombard {border:1px solid #fff;}
a:active img.gauche_bombard {border:1px solid #fff;}