body {
margin: 20px;
background: #fff;
font-family: arial, veranda, helvetica, sans-serif; font-size: 12px;
}

.header{
border-top: #000 1px solid;
border-right: #000 1px solid;
border-bottom: 0px;
border-left: #000 1px solid;
background: url(img/logo.gif) no-repeat;
background-color: #9cf;
height: 100px;
width: 900px;
}

.headeroffres{
border-top: #000 1px solid;
border-right: #000 1px solid;
border-bottom: 0px;
border-left: #000 1px solid;
background-color: #9cf;
height: 100px;
width: 900px;
}

.slideshow {
border-bottom: #000 1px solid;
background-color: #9cf;
}

.slideshow2 {background-color: #9cf;
border-top: #000 1px solid;
border-bottom: #000 1px solid;
}

.footer {background: #9cf;
height: 20px;
width: 900px;
clear: both;}

.cont {
background: #9cf;
border: #000 1px solid;
width: 900px;
height: auto;
}
html>body .cont {height: auto; min-height: 300px;}

.menu{
background: #9cf;
width: 249px;
height: auto;
float: left;
padding-bottom: 10px;
}
html>body .menu {height: auto; min-height: 300px;}

.page{
background-image: url(img/fond.gif);
border-left: #000 1px solid;
border-bottom: #000 1px solid;
background-color: #fff;
width: 650px;
height: auto;
float: left;
padding-bottom: 10px;
}
html>body .page {height: auto; min-height: 700px;}

.pageoffres{
background-image: url(img/fond.gif);
background-color: #fff;
width: 900px;
height: auto;
float: left;
padding-bottom: 10px;
}
html>body .pageoffres {height: auto; min-height: 300px;}


h1 {margin : 10px 60px 10px 15px ; font-size : 14px ; color : #000 ; border-bottom: 1px solid #00f ; border-left: 3px solid #00f ; padding-left : 5px;}

h1.h1page {margin : 10px 60px 10px 15px ; font-size : 14px ; color : #000 ; border-bottom: 1px solid #88f; border-left: 3px solid #88f; padding-left : 5px;}

h2 {margin : 10px 300px 10px 30px ; font-size : 14px ; color : #000 ; border-bottom: 1px solid #f60 ; border-bottom-style : dotted;
}

h3 {margin : 10px 10px 0px 30px ; font-size : 14px ; color : #000 ; 
}

p {margin: 5px; font-family: arial, veranda, helvetica, sans-serif; font-size: 1.2em; color: #000}
p.pmenu {margin: 5px 10px 5px 10px; font-family: arial, veranda, helvetica, sans-serif; font-size: 1em; font-weight: bold}
p.info {font-size: 10px; color: #000; text-align: center; margin: 0 5px 0 5px;}
p.copy {font-size: 10px; color: #555; float: right; font-family: times;}
p.center {text-align: center;}


a {color: #f60; text-decoration: underline;}
a:hover {text-decoration: underline overline; background: #fff;}


/* LES IMAGES */

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





/* Image avec marge  */

.img_left {margin-left : 15px}

.img {margin : 5px 5px 5px 5px}

.contour {margin : 10px 10px 10px 10px ;} 

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





/* Image avec du texte à côté */

.presentcont {

  padding-top: 5px;

  padding-left: 0px;

}

.presentleft {

  float: left;

  margin-right : 20px ;

  margin-left : 10px ;

  } 
.presentright {

  float: right;

  margin-right : 10px ;

  margin-left : 10px ;

  } 
.presentleft2 {

  float: left;

  margin-right : 20px ;

  margin-left : 10px ;

  } 

/* Fin Image avec du texte à côté */


/* LES TAB */

table.cent {

margin-left : auto;

margin-right : auto;

border : 1px #000 solid;

}



.widthsej {

height : 35px;

padding-left : 10px;

padding-right : 10px;

font-weight : bold;

}



.widthprix {

height : 35px;

padding-left : 10px;

padding-right : 10px;

font-weight : bold;

}



.widthoption {

height : 35px;

padding-left : 10px;

padding-right : 10px;

font-weight : bold;

}



.col_jaune {

background : #ff6;

}

.bordright{border-right : 1px #000 solid;}



.col_blue {

background : #9cf;}



.col_orange {

background : #f96;}

.col_green {

background : #0c6;}



/* FIN DES TAB */

ul, ol {
font-family: arial, veranda, helvetica, sans-serif;
font-size: 1.2em;
color: #000;
margin-top: 5px;
}

li {margin-top: 2px;}