body {
font: 11px  Arial, sans-serif;
margin: 0px;
padding: 0px;
background: url(images/fond.gif);
color: black;
}

.titre {
font: 16px  Arial, sans-serif;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #317023;
}

.titre2 {
font: 14px  Arial, sans-serif;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #317023;
}

.titre3 {
font: 12px  Arial, sans-serif;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #317023;
}

a {
text-decoration: none;
}

#hack {
  position:relative;
}

#hack-contact {
  position:relative;
}

#hack-contact a {
  font: 12px  arial;
  font-weight: bold;
  text-decoration:underline;
  color: #317023;
}

#hack-contact a:hover {
  color: red;
}

#page {
position: relative;
margin: 0px;
width: 927px;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
}

#entete {
position: relative;
margin: 0px;
top: 0px;
left: 0px;
width: 927px;
height:22px;
background-image:url(images/fond-entete.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/fond-entete.png');
}

#pied {
clear: both;
margin: 0px;
width: 927px;
height:19px;
background-image:url(images/fond-pied.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/fond-pied.png');
}

#logo {
position: relative;
margin: 0px;
margin-left: 26px;
width: 303px;
height:89px;
}

#titre {
position: absolute;
left: 13px;
top: 145px;
width: 307px;
height:28px;
background-color:green;
}

#cravate {
position: absolute;
right: 13px;
bottom: 13px;
width: 223px;
height:215px;
}

#piece{
position: absolute;
right: 11px;
bottom: 13px;
width: 230px;
height:235px;
background-image:url(images/piece.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/piece.png');
}

#journal{
position: absolute;
right: 12px;
bottom: 12px;
width: 358px;
height:235px;
background-image:url(images/journal.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/journal.png');
}

#index{
position: absolute;
right: 12px;
bottom: 12px;
width: 376px;
height:200px;
background-image:url(images/index.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/index.png');
}

#enfants {
position: absolute;
right: 11px;
bottom: 12px;
width: 338px;
height:241px;
background-image:url(images/enfants.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/enfants.png');
}

#entreprise {
position: absolute;
right: 11px;
bottom: 12px;
width: 338px;
height:241px;
background-image:url(images/entreprise.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/entreprise.png');
}

#artisans {
position: absolute;
right: 11px;
bottom: 12px;
width: 338px;
height:366px;
background-image:url(images/artisans.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/artisans.png');
}

#collectivite {
position: absolute;
right: 11px;
bottom: 12px;
width: 250px;
height:351px;
background-image:url(images/collectivite.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/collectivite.png');
}

#aeronautique {
position: absolute;
right: 11px;
bottom: 12px;
width: 268px;
height:361px;
background-image:url(images/aeronautique.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/aeronautique.png');
}

#global{
background-image:url(images/fond-page.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/fond-page.png');
width: 927px;
}



#conteneur p {
margin-bottom: 0px;
margin-left: 30px;
margin-top: 90px;
padding: 0px;
width: 650px;
}

#conteneur form {
margin-bottom: 0px;
margin-left: 35px !important; 
margin-left: 0px;
margin-top: 0px;
padding: 0px;
}

#conteneur-index p {
margin-bottom: 0px;
margin-left: 30px;
margin-top: 90px;
padding: 0px;
width: 490px;
text-align: justify;
}

#conteneur-page p {
margin-bottom: 0px;
margin-left: 30px;
margin-top: 90px;
padding: 0px;
width: 540px;
text-align: justify;
}

#texte {
position: absolute;
top: 167px;
left: 22px;
width: 192px;
height:215px;
}

#mention {
position: absolute;
right: 20px;
top: 120px;
width: 130px;
color: #777777;
}

#mention a {
color: #777777;
}

#mention a:hover {
text-decoration: underline;
}

#texte-mention1 {text-align: right; margin:0px; margin-bottom: 7px;}
#texte-mention2 {text-align: right; margin:0px; margin-bottom: 7px;}
#texte-mention3 {text-align: right; margin:0px;}

#menu {
position: absolute;
right: 12px;
top: 50px;
width: 570px;
height:30px;
}

/* pour le menu */

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 5px 0 0;
padding: 0;
}

#menu dl {
float: left;
}

#menu li {
display: inline;
}

#menu a {
text-decoration: none;
color: #000000;
font-weight: bold;
}

#menu a:hover {
color: #000;
background-color: #5ec24f;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
position: absolute;
left: 0;
font-size: 10px;
border-top: 1px solid gray;
width: 570px;
}

.arial_gras_12
{
font: 12px  arial;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #000000;
}

.arial_gras_14
{
font: 14px  arial;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #000000;
}

.input
{
font: 11px  verdana;
font-weight: normal;
margin: 0px;
padding: 0px;
color: #000000;
}

table.bordure { border-left: #ccc 1px solid;border-right: #ccc 1px solid;border-bottom: #ccc 1px solid;}
table.bordure td { border-top: #ccc 1px solid; }

.bordure2 {
border-right: #ccc 1px solid;
}

.arial_12_gras_souligne
{
font: 12px  arial;
font-weight: bold;
text-decoration:underline;
color: #000000;
}

.arial_12_gras_vert
{
font: 12px  arial;
font-weight: bold;
text-decoration:underline;
color: #317023;
}

.verdana_10
{
font: 10px  verdana;
font-weight: light;
color: #317023;
}

.verdana_11_gras_vert
{
font: 11px  verdana;
font-weight: bold;
text-decoration:none;
color: #317023;
}

.warning
{
font: 11px  arial;
font-weight: bold;
color: red;
}