html, body {
margin : 0;
padding : 0;
}

body {
width : 955px;
max-width : 100%;
display : block;
margin : auto;
}

#page {
   border-collapse: collapse;
}

#page td {
   padding: 0;
   margin: 0;
}

table {
border-spacing: 0;
border-collapse: collapse;
}

body#accueil {
width : 955px;
max-width : 100%;
display : block;
margin : auto;
background-attachment : fixed;
background-position : center;
background-image : url("../images/Arriere-plan_dense_optimise.jpg");
background-repeat : no-repeat;
}
body#page1 {
background-attachment : fixed;
max-width : 100%;
background-position : center;
background-image : url("../images/Arriere-plan_optimise.jpg");
background-repeat : no-repeat;
}
body#page2 {
width : 955px;
max-width : 100%;
display : block;
margin : auto;
background-attachment : fixed;
background-color : white;
background-position : center;
background-image : url("../images/Arriere-plan_clair.jpg");
background-repeat : no-repeat;
}
#row1 {
position : absolute;
z-index : 10;
top : 0;
margin-top : 0;
border-bottom : 0 solid #CCCCCC;
width : 955px;
max-width : 100%;
font-family : cursive;
font-size : 30px;
color : lightblue;
}
header {
background-color : darkblue;
background-image : linear-gradient(180deg, black, #000080);
height : 40px;
max-width : 100%;
width : 955px;
padding : 0;
text-align : right;
}
.titre_doc {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 30px;
color : dodgerblue;
}
.titre_motos {
font-family : cursive;
font-size : 30px;
color : blue;
}
.Style1 {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #aef6fc;
/* text-align : justify; */
font-size : 26px;
width : 955px;
padding-top : 40px;
margin-left : 60px;
width : 855px;
}
.Style2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #aef6fc;
/* text-align : justify; */
font-size : 20px;
width : 955px;
padding-top : 10px;
margin-left : 100px;
width : 755px;
}
.Style3 {
font-family : Verdana, Arial, Helvetica, sans-serif;
color :#4C48CC;
text-align : justify;
font-size : 18px;
width : 955px;
padding-top : 30px;
margin-left : 10px;
}
.Style4 {
font-family : Verdana, Arial, Helvetica, sans-serif;
color :#00FFFF;
text-align : justify;
font-size : 18px;
width : 955px;
padding-top : 30px;
margin-left : 100px;
}
.espace_50px {
padding-top : 50px;
}
.espace_20px {
padding-top : 20px;
}
p.impact {
font-family : Impact, Charcoal, sans-serif;
}
p1 {
    padding:0;
    margin:0;
    text-align: right;
    font-family: cursive;
    font-size: 30px;
    color: lightblue;
}
h1.t {
font-family : Verdana, Arial, Helvetica, sans-serif;
/* color : #dbe1fa; */
    color : #005fd1;
font-size : 30px;
width : 955px;
}
h1 {
font-family : Verdana, Arial, Helvetica, sans-serif;
/* color : #dbe1fa; */
    color : #005fd1;
font-size : 20px;
width : 955px;
}

h1.titre_page {
font-family : Verdana, Arial, Helvetica, sans-serif;
width : 955px;
padding-top : 30px;
margin-bottom : 4px;
color : #005fd1;
font-size : 20px;
}
h2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
position : absolute;
top : 16px;
left : 40px;
color : #005fd1;
font-size : 18px;
width : 955px;
padding-top : 50px;
}
h2.titre_page {
font-family : Verdana, Arial, Helvetica, sans-serif;
position : relative;
width : 955px;
padding-top : 16px;
color : #005fd1;
font-size : 18px;
}
h3 {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #005fd1;
font-size : 16px;
margin-top : 0;
}
h4 {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #005fd1;
font-size : 14px;
margin-top : 0;
}
#logo {
border-bottom : 0 solid #CCCCCC;
width : 955px;
}
#logo2 {
list-style-type : none;
margin : 0;
padding : 0;
overflow : hidden;
background-color : #dddddd;
}
#exemple1 {
height : 40px;
width : 955px;
padding : 0;
border : black dashed 10px;
padding : 25px;
background-origin : padding-box;
}
/*******************************************************/
/*               NAVLIST - MENU                        */
/*******************************************************/
#navlist {
position : absolute;
margin-top : 0;
}

#navlist li {
margin : 0;
padding : 0;
list-style : none;
position : absolute;
top : 0;
}

#navlist li, #navlist a {
height : 40px;
display : block;
}
/*************** Menu page principale ****************/
#bouchon1 {
left : 0;
width : 27px;
background : url("../Boutons/btn_bouchon_optimise.jpg") 0 0;
background-origin : border-box;
}
#bouton_vierge {
left : 28px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}
#honda {
left : 178px;
width : 150px;
background : url("../Boutons/btn_honda_optimise.jpg") 0 0;
background-position : 0 40px;
background-origin : content-box;
}
#kawasaki {
left : 328px;
width : 150px;
background : url("../Boutons/btn_kawasaki_optimise.jpg") 0 0;
background-position : 0 40px;
background-origin : content-box;
}
#suzuki {
left : 478px;
width : 150px;
background : url("../Boutons/btn_suzuki_optimise.jpg") 0 0;
background-position : 0 40px;
background-origin : content-box;
}
#yamaha {
left : 628px;
width : 150px;
background : url("../Boutons/btn_yamaha.jpg") 0 0;
}
#documentation {
left : 778px;
width : 150px;
background : url("../Boutons/btn_doc_off_optimise.png") 0 0;
}

#bouchon2 {
left : 928px;
width : 27px;
background : url("../Boutons/btn_bouchon_optimise.jpg") 0 0;
background-origin : border-box;
}
#honda a:hover {
background : url("../Boutons/btn_honda_on.jpg") 0 0;
}
#kawasaki a:hover {
background : url("../Boutons/btn_kawasaki_on.jpg") 0 0;
}
#suzuki a:hover {
background : url("../Boutons/btn_suzuki_on.jpg") 0 0;
}
#yamaha a:hover {
background : url("../Boutons/btn_yamaha_on.jpg") 0 0;
}
#documentation a:hover {
background : url("../Boutons/btn_doc_on.png") 0 0;
}
/**************** Différences pour PAGE HONDA ****************/
#retour {
left : 28px;
width : 150px;
background : url("../Boutons/btn_retour_optimise.jpg") 0 0;
background-position : 0 40px;
background-origin : content-box;
}
#retour a:hover {
background : url("../Boutons/btn_retour_on.jpg") 0 0;
}
#bouton_vierge6 {
left : 178px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}
#bouton_vierge7 {
left : 328px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}
#bouton_vierge3 {
left : 478px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}
#bouton_vierge4 {
left : 628px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}
#bouton_vierge5 {
left : 778px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}

/************** Différences pour MENU DOCUMENTATION **********************/
#retour {
left : 28px;
width : 150px;
background : url("../Boutons/btn_retour_optimise.jpg") 0 0;
background-position : 0 40px;
background-origin : content-box;
}
#retour a:hover {
background : url("../Boutons/btn_retour_on.jpg") 0 0;
}
#fiches {
left : 778px;
width : 150px;
background : url("../Boutons/btn_fiches_off.png") 0 0;
background-position : 0 40px;
background-origin : content-box;
}
#fiches a:hover {
background : url("../Boutons/btn_fiches_on.png") 0 0;
}
/**************** Différences pour MENU YAMAHA ****************/
#yamaha_125as3 {
left : 178px;
width : 150px;
background : url("../Boutons/btn_125AS3_optimise.jpg") 0 0;
background-position : 0 40px;
background-origin : content-box;
}
#yamaha_125rdx {
left : 328px;
width : 150px;
background : url("../Boutons/btn_yamaha_125rdx_off.png") 0 0;
background-position : 0 40px;
background-origin : content-box;
}
#yamaha_350rdlc {
left : 478px;
width : 150px;
background : url("../Boutons/btn_yamaha_350rdlc_optimise.jpg") 0 0;
background-position : 0 40px;
background-origin : content-box;
}
#bouton_vierge4 {
left : 628px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}
#bouton_vierge5 {
left : 778px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}
#yamaha_125as3 a:hover {
background : url("../Boutons/btn_125AS3_on.jpg") 0 0;
}
#yamaha_125rdx a:hover {
background : url("../Boutons/btn_yamaha_125rdx_on.png") 0 0;
}
#yamaha_350rdlc a:hover {
background : url("../Boutons/btn_yamaha_350rdlc_on.jpg") 0 0;
}
/**************** Différences pour MENU SUZUKI ****************/
#suzuki_t90 {
left : 178px;
width : 150px;
background : url("../Boutons/btn_suzuki_t90_off_optimise.png") 0 0;
background-position : 0 40px;
background-origin : content-box;
}
#suzuki_t125 {
left : 328px;
width : 150px;
background : url("../Boutons/btn_suzuki_t125_off_optimise.png") 0 0;
background-position : 0 40px;
background-origin : content-box;
}
#suzuki_t250 {
left : 478px;
width : 150px;
background : url("../Boutons/btn_suzuki_t250_optimise.png") 0 0;
}
#suzuki_t350 {
left : 628px;
width : 150px;
background : url("../Boutons/btn_suzuki_t350_optimise.jpg") 0 0;
}
#suzuki_t500 {
left : 778px;
width : 150px;
background : url("../Boutons/btn_suzuki_t500_off_optimise.png") 0 0;
}
#suzuki_t90 a:hover {
background : url("../Boutons/btn_suzuki_t90_on.png") 0 0;
}
#suzuki_t125 a:hover {
background : url("../Boutons/btn_suzuki_t125_on.png") 0 0;
}
#suzuki_t250 a:hover {
background : url("../Boutons/btn_suzuki_t250_on.png") 0 0;
}
#suzuki_t350 a:hover {
background : url("../Boutons/btn_suzuki_t350_on.jpg") 0 0;
}
#suzuki_t500 a:hover {
background : url("../Boutons/btn_suzuki_t500_on.png") 0 0;
}
/**************** Différences pour PAGE GENESE SUZUKI T250 ****************/
#bouton_genese {
left : 178px;
width : 150px;
background : url("../Boutons/btn_genese_off.png") 0 0;
}
#bouton_vierge7 {
left : 328px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}
#bouton_vierge3 {
left : 478px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}
#bouton_vierge4 {
left : 628px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}
#bouton_vierge5 {
left : 778px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}

#bouton_genese a:hover {
left : 178px;
width : 150px;
background : url("../Boutons/btn_genese_on.png") 0 0;
}
#bouton_vierge6 {
left : 178px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}
#bouton_vierge7 {
left : 328px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}
#bouton_vierge3 {
left : 478px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}
#bouton_vierge4 {
left : 628px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}
#bouton_vierge5 {
left : 778px;
width : 150px;
background : url("../Boutons/btn_vierge_optimise.jpg") 0 0;
}
/***************** FIN NAVLIST *******************/

img.gamme_yamaha {
display : block;
margin-left : auto;
margin-right : auto;
float : left;
margin : 30px 0 0 38px;
max-width : 100%;
width : 872px;
}
img.gamme_honda {
display : block;
margin-left : auto;
margin-right : auto;
float : left;
margin : 30px 0 0 38px;
max-width : 100%;
width : 400px;
}
img.gamme_suzuki {
display : block;
margin-left : auto;
margin-right : auto;
float : left;
max-width : 100%;
width : 940px;
}
img.suzuki_t350 {
display : block;
margin-left : auto;
margin-right : auto;
float : left;
max-width : 100%;
width : 955px;
}
img.suzuki_t250 {
position : absolute;
top : 120px;
left : 30px;
width : 900px;
max-width : 100%;
}