/* CSS Document */
* {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
img {border:none;background:none;}

body {
margin: 0;
padding: 0;
background: url(../images/website.png) no-repeat fixed;
text-align: center;
}

a {
text-decoration: none;
color: #006699;
font-weight: none;
}

h1 {
margin-top:0;
height:20px;
font-family: arial;
font-size: 16px;
color: #006600;
border: 1px solid #006600;
background: #339900;
color: white;
font-weight: none;
}

h2 {
margin-left: auto;
margin-right: auto;
padding: 8px;
font-family: arial;
font-size: 27px;
color: #006600;
width:190px;
border: 1px dashed #006600;
font-weight: none;
}

h3 {
margin-left: auto;
margin-right: auto;
padding: 4px;
font-family: arial;
font-size: 18px;
color: #339900;
font-weight: bold;
text-align: center;
}

select {
font-size:10px;
}

input {
font-size:10px;
}

textarea {
width:480px;
font-size:10px;
}

/* -------------------------------------------------------- */

#conteneur {
margin: 0 auto 0 auto;
width: 950px;
height: 810px;
background: url(../images/background.png);	
border: 0px solid black;
font-size: 11px;
}

#corps{
float: left;
margin-top: 57px;
margin-left:83px;
width: 785px;
height: 690px;
	
border: 0px solid black;
}

#bandeau {
height: 130px;
margin: 0px;
background: url(../images/bandeau.png) no-repeat;
border: 0px solid black;
}


/* menu */

#menu {
/*
width: 1020px;
with:140 px ;
*/
height: 52px; 
list-style: none ;
margin: 0 ;
padding: 0 ;
overflow: hidden ;		/* Création du contexte de formatage 
background: url(../images/bg-menu.png); */
}

#menu li {
float: left ;
width: 196px ;
}
	

#menu li a {
display: block ;
background:  url(../images/bg-menu-mixte.png) left top no-repeat ;
color: #fff ;
height: 52px;
line-height: 2em ;
padding: 4px 0 0 0;
text-align: center ;
text-decoration: none ;
	}	
	
#menu li a:hover, #menu li a:focus, #menu li a:active {
background: url(../images/bg-menu-mixte.png) right top no-repeat ;
color: red;
	}

#centre {
width: 784px;
height: 480px;
}

#cadre-centre {
float: left;
margin:15px 0 0 10px;
padding:4px;
width: 590px;
height: 450px;
text-align: left;
overflow: auto;
border: 0px solid black;
}

#cadre-droite {
margin: 205px 0 0 5px;
float: left;
padding:4px;
width: 150px;
height: 260px;
text-align: left;
border: 0px solid red;
}

#copyright {
margin:0;
padding:0;
width:900px;
display: inline-table;
font-size:10px;
}

/* -------------------------------------------------------- */

.maj {
margin-left:30px;
font-size: 14px;
}

.gamme {
float: right;
text-align: left;
margin: 4px;
padding: 4px;
width: 260px;
height: 70px;
border: 1px solid #006699;
}

.note{
color:#CC0000;
border:1px solid #CC0000;
}