* {
margin: 0;
padding: 0;
}

body {
background-image: url(images/fond.gif);
background-repeat: repeat-x;
background-position: bottom;
background-color: white;
margin: 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
}

img {
display: inline;
border: 0;
}

h1 {
margin: -830px 50px 0 250px !important;
margin: -850px 50px 0 250px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
font-size: 20px; 
font-weight: bold;
color: #a0030b;
background-color: transparent;
}

h2 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px; 
font-weight: bold;
color: #7fafdf;
}

h3 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px; 
padding-bottom: 20px;
color: #888;
}

h4 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 10px 50px 0 250px ;
text-align: center;
font-size: 20px; 
font-variant: small-caps;
color: #db7d82;
font-weight: bold;
}

p {
font-size: 11px; 
line-height: 14px;
padding: 10px 0px;
color:#555; 
}

a:link {
text-decoration : underline;
background: transparent;
color:#888
}

a:visited {
text-decoration : underline;
background: transparent;
color:#888;
}

a:hover {
text-decoration : none;
background: #7fafdf;
color: black;
}

a:active {
text-decoration : underline;
background: transparent;
color:#888;
}

td {
background-color: White;
vertical-align: top;
text-align: left;
font-size: 11px; 
color:#505050; 
padding: 10px;
}

.texte {
font-size: 11px; 
color:#555; 
}

.ref {
font-size: 11px; 
color:#a0030b; 
text-align: left;
margin: 0px 25px;
}

chapo {
background: #a0030b;
font-size: 12px; 
margin: 5px 0 0 0;
font-weight: bold;
color: silver;
}

.gras {
font-size: 12px; 
font-weight: bold;
color: #a0030b;
}

.grasbio {
font-size: 11px; 
font-weight: bold;
color: #3b3b3b;
}

.blok {
background-color: White;
width: auto;
border: 1px solid #7fafdf;
font-size: 11px; 
line-height: 1,8;
padding: 10px 20px;
margin: 20px 50px 0 260px ;
}

.menu {
background: White url(images/porte.jpg) no-repeat right bottom;
border: 1px solid #7fafdf;
width: 190px;
height: 700px !important;
height: 750px;
line-height: 16px; 
font-size: 11px; 
color: #6f6f6f;
margin: 0 25px;
padding: 15px 5px;
}

.menu a:hover {
text-decoration : none;
background-color: #7fafdf;
color: black;
}

.menu a:link {
text-decoration : underline;
color: #6f6f6f;
}

liste li {
list-style-type: square;
margin-left: -10px;
font-size: 11px; 
line-height: 16px; 
color: #505050;
text-align: left;
}

ul {
list-style-type: square;
padding: 3px 0 0 20px ;
font-size: 11px; 
line-height: 16px; 
color: #505050;
text-align: left;
}

ul a:visited {
text-decoration : underline;
color: #949494;
}

ul a:active {
text-decoration : underline;
color: #505050;
}

ul a:hover {
text-decoration : none;
list-style: none;
background: #7fafdf;
color: black;
}

ul a:link {
text-decoration : underline;
color: #505050;
}

.textarea { 
width: 250px;
font-family:tahoma;
font-size:11px;
text-align: left;
border-style: solid;
border-width: 1px;
border-color:#7fafdf;
background-color:white;
color:#505050;
padding: 2px 5px;
margin: 0 5px 8px 0;
}

.textarea3 { 
width: 40px;
font-family:tahoma;
font-size:11px;
text-align: left;
border-style: solid;
border-width: 1px;
border-color:#7fafdf;
background-color:white;
color:#888;
padding: 2px 5px;
margin: 5px;
}

.textarea4 { 
width: 60px;
font-family:tahoma;
font-weight: bold;
font-size:12px;
text-align: center;
border: none;
color:#a0030b;
}

.textarea5 { 
width: 20px;
font-size: 11px; 
color:#555; 
text-align: center;
border: none;
}

#head {
background: url(images/fond_menu.jpg) repeat-x;
background-color: White;
width: 100%;
height: 184px;
}

.offre {
font-size: 12px; 
padding: 10px 0px;
font-weight: bold;
color:#a0030b; 
}

.offre a:link {
text-decoration : underline;
background: transparent;
color:#a0030b; 
}

.offre a:visited {
text-decoration : underline;
background: transparent;
color:#a0030b; 
}

.offre a:hover {
text-decoration : none;
background: #7fafdf;
color: black;
}

.offre a:active {
text-decoration : underline;
background: transparent;
color:#a0030b; 
}

.bio {
font-size: 12px; 
font-weight: bold;
background: #2572bc;
color: white;
padding: 1px 0 1px 4px;
margin: 0 20px 0 0;
}

.bio a:link {
text-decoration : none;
background: #2572bc;
color: white;
}

.bio a:visited {
text-decoration : none;
background: #2572bc;
color: white;
}

.bio a:hover {
text-decoration : none;
background: #2572bc;
color:#ff8a00; 
}

.bio a:active {
text-decoration : none;
background: #2572bc;
color: white;
}

.blanc {
font-size: 11px; 
font-weight: bold;
color: white;
padding: 0 3px;
}

.blanc a:link {
text-decoration : none;
background-color: transparent;
color: white;
}

.blanc a:visited {
text-decoration : none;
background-color: transparent;
color: white;
}

.blanc a:hover {
text-decoration : none;
background-color: transparent;
color:#ff8a00; 
}

.blanc a:active {
text-decoration : none;
background-color: transparent;
color: white;
}

.photo {
padding: 10px;
vertical-align: top;
text-decoration : none;
background-color: transparent;
}

.photo a:link {
text-decoration : none;
background-color: transparent;
}

.photo a:visited {
text-decoration : none;
background-color: transparent;
}

.photo a:hover {
text-decoration : none;
background-color: transparent;
}

.photo a:active {
text-decoration : none;
background-color: transparent;
}