/*##### basic éléments #####*/

html, body {
width: 100%;
margin: 0;
padding: 0;
}

body {
font: normal 11px Tahoma, Arial, sans-serif;
color: #222;
background-color: #f5f5f5;
}

a:link, a:active, a:visited {
font: bold 12px Tahoma, Arial, sans-serif;
color: #FFFFFF;
text-decoration: none;
cursor: pointer;
}

a:hover {
color: #00FFFF;
text-decoration: none;
}


table {
font: normal 11px Tahoma, Arial, sans-serif;
}

h1 {
font-size: 20px;
}

h2 {
font-size: 17px;
}

h3 {
font-size: 15px;
}

h4 {
font-size: 13px;
}

h5, h6 {
font-size: 11px;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}

img {
border: none;
}

ul {
margin: 4px 0 4px 35px;
padding: 0;
list-style-image: url(../images/ul.gif);
}

hr {
height: 1px;
padding: 0;
color: #aaa;
border: none;
background-color: #aaa;
}

p {
margin: 10px;
}

abbr, acronym {
border-bottom: 1px dotted #888;
}


/*##### Mise en forme du site #####*/


#container {
position: relative;
width: 100%;
min-width: 970px;
margin: 0;
padding: 0;
}


#menu {
position: static;
height: 42px;
background: #5b95d0 url(../images/bkg_menu.gif) repeat-x left top;
}

.sous_menu_nav {
padding-bottom: 15px;
}

#footer_div {
position: absolute;
width: 805px;
height: 100px;
margin: 0 auto;
}

.footer_copyright {
padding: 4px;
}

.select
   { font :italic 9px Tahoma, Arial, sans-serif ; color:blue; }

/*##### Classes specifiques #####*/

.button_menu {
font : bold 9px Tahoma, Arial, sans-serif ; 
color:blue;
width:110px;
}

.button_submitlarge {
font : bold 12px Tahoma, Arial, sans-serif ; 
color:green;
width:250px;
}

.button_submitsmall {
font : bold 12px Tahoma, Arial, sans-serif ; 
color:green;
width:150px;
}


.titre-pg {
font: bold 11px Tahoma, Arial, sans-serif;
color: #333;
margin-bottom: 6px;
padding-left: 12px;
padding-top: 6px;
padding-bottom: 6px;
border-bottom: 1px solid #333;
background: #ddd url(../images/bkg_title.gif) repeat-x left bottom;
}


.soustitre-pg {
font: bold 11px Tahoma, Arial, sans-serif;
color: #5b95d0;
margin: 10px 0 5px 5px;
padding-left: 12px;
background: transparent url(../images/lism.gif) no-repeat 0 0.3em;
}


.exemple {
font: normal 11px "Courier New", Courier, monospace;
color: #429c19;
margin-left: 30px;
}

.message {
color: green;
margin: 5px auto;
border-top: 1px solid green;
border-bottom: 1px solid green;
}
.messagevert {
color: green;
margin: 5px auto;
border-top: 1px solid green;
border-bottom: 1px solid green;
}

.messageorange {
color: orange;
margin: 5px auto;
border-top: 1px solid orange;
border-bottom: 1px solid orange;
}

.messagebleue {
color: blue;
margin: 5px auto;
border-top: 1px solid blue;
border-bottom: 1px solid blue;
}


.alert {
color: red;
margin: 5px auto;
border-top: 1px solid red;
border-bottom: 1px solid red;
}

.note {
padding: 4px;
border: 1px dotted #aaa;
}