html, body {
color: #000;
margin: 0;
padding: 0px 10px;
font-size: 11px;
font-family: Arial,Verdana, Helvetica, sans-serif;
background: #ffffff;
}
b {
font-weight: bold;
font-size: 11px;
}
a {
color: Black;
text-decoration: underline;
font-weight: bold;
font: sans-serif;
font-size: 11px;
font-style: normal;
}
a:hover {
color: #00008B;
text-decoration: none;
}
img { border: 0px;
}
.img-ombre {
width:auto;
background: #ffffff;
border= 0px;
padding:3px 0 0 3px;
}
form div {
clear: left;
margin-left: 5px;
padding-bottom: 2px;
padding-top: 2px;
}
form div label {
float: left;
width: 25%;
font: bold 0.9em Arial, Helvetica, sans-serif;
font-size: smaller;
}
legend
{
margin-left: 5px;
color: Navy;
font: medium;
}
li
{
color: Navy;
}
li.gris
{
color: #CCCCCC;
}
fieldset{
margin-left: 5px;
margin-right: 5px;
}
.button
{
color:#ffffff;
background-color: Background;
}
#header {
margin-left: auto;
margin-right: auto;
width: 405px;
height: 176px;
background-image: url(images/index_fr.gif);
background-repeat: no-repeat;
background-position: left;
}
#agricole {
margin-left: auto;
margin-right: auto;
width: 405px;
height: 176px;
background-image: url(images/agri.gif);
background-repeat: no-repeat;
background-position: left;
}
#slogan {
padding: 45px;
color: #747A83;
text-decoration: none;
font-size: 20px;
font-style: large;
}
#slogan_agricole {
width: 350px;
float: right;
margin:10 px;
padding: 5px;
color: #747A83;
text-decoration: none;
font-size: 20px;
font-style: large;
}
#header-menu {
margin-left: auto;
margin-right: auto;
padding-bottom: 4px;
padding-top: 4px;
width: 750px;
height: 20px;
background: #E1E2E3;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
text-align: center;
}
#header-menu a:link, #header-menu a:visited {
color: #204883;
text-decoration: none;
font-size: 13px;
}
#header-menu a:hover {
color: #747A83;
text-decoration: underline;
}
#titre{
margin-left: auto;
margin-right: auto;
width: 750px;
height: 20px;
background: #204883;
text-align: left;
color: white;
font-weight: bold;
font-size: 13px;
padding-bottom: 4px;
padding-top: 4px;
}
#titre_agricole{
margin-left: auto;
margin-right: auto;
width: 750px;
height: 20px;
background: #8DA509;
text-align: left;
color: white;
font-weight: bold;
font-size: 13px;
padding-bottom: 4px;
padding-top: 4px;
}
#titre_equipement{
margin-left: auto;
margin-right: auto;
width: 750px;
height: 20px;
background: #EAB600;
text-align: left;
color: white;
font-weight: bold;
font-size: 13px;
padding-bottom: 4px;
padding-top: 4px;
}
#titre_construction{
margin-left: auto;
margin-right: auto;
width: 750px;
height: 20px;
background: #3AAFC1;
text-align: left;
color: white;
font-weight: bold;
font-size: 13px;
padding-bottom: 4px;
padding-top: 4px;
}
#marges{
margin-bottom: auto;
margin-left: 4px;
margin-right: 4px;
margin-top: auto;
}
#index {
width:750px;
margin-top:5px;
text-align:left;
height: auto;
}
#content{
margin-left: auto;
margin-right: auto;
width: 750px;
background: #DCDEE1;
text-align: left;
color: black;
padding-bottom: 4px;
padding-top: 4px;
vertical-align: top;
height: auto;
}
#content_presentation{
margin-left: auto;
margin-right: auto;
width: 750px;
background: #DCDEE1;
text-align: left;
color: black;
padding-bottom: 4px;
padding-top: 4px;
vertical-align: top;
height: auto;
}
#demo{
margin-left: auto;
margin-right: auto;
width: 750px;
background: #F1F2F3;
text-align: left;
color: black;
padding-bottom: 4px;
padding-top: 4px;
vertical-align: top;
height: auto;
}
#footer {
margin-left: auto;
margin-right: auto;
width: 750px;
height: 50px;
background: #474A4F;
border-bottom: 1px solid #00008B;
text-align: center;
color: white;
vertical-align: middle;
}
#footer a {color: #EAB600;}
#footer a:hover {color: #EAB600;}
#footer a:menuTop {}
#footer a:highlight {color: #EAB600;}
#main {
float: left;
width: 718px;
background: #F5F5F5;
border: 1px dashed #CCCCCC;
padding: 10px;
margin:5px;
}
#evenement {
width: 695px;
float: left;
background: #F5F5F5;
border: 1px dashed #CCCCCC;
padding: 15px;
margin:5px;
}
#leftcontent {
float: left;
width: 241px;
background: #F8F8F8;
border: 1px dashed #CCCCCC;
padding: 15px;
margin: 5px;
height: 100%;
}
#rightcontent {
float: left;
width: 404px;
background: #CCD3DD;
border: 1px dashed #CCCCCC;
padding: 15px;
margin: 5px;
height: 100%;
}
#leftagricole {
float: right;
width: 335px;
background: #F8F8F8;
border: 1px dashed #CCCCCC;
padding: 15px;
margin: 5px;
font-size: 12px;
color: #474A4F;
}
#rightagricole {
float: left;
width: 300px;
background: #C2C2C2;
border: 1px dashed #FCFCFC;
padding: 15px;
margin: 5px;
}
#leftpresentart {
float: left;
width: 465px;
padding: 15px;
margin: 5px;
font-size: 12px;
color: #474A4F;
}
#rightpresentart {
float: left;
width: 190px;
background: #F8F8F8;
border: 1px dashed #FCFCFC;
padding: 5px;
margin: 5px;
height: inherit;
}
#avantages{
width:750px;
margin-top:5px;
}
#leftavantages {
float: right;
width: 450px;
padding: 5px;
margin: 5px;
font-size: 12px;
color: #474A4F;
}
#rightavantages {
float: right;
width: 250px;
}
#leftsociete {
float: right;
background: #CED0D2;
border: 1px dashed #CCCCCC;
padding: 15px;
margin: 5px;
width: auto;
}
#rightsociete {
text-align: center;
float: left;
background: #F8F8F8;
border: 2px dashed #FFFFFF;
padding: 15 px;
margin: 5px;
width: auto;
}
#leftcontact {
float: left;
background: #CED0D2;
border: 1px dashed #CCCCCC;
padding: 15px;
margin: 5px;
width: 300px;
}
#rightcontact {
float: right;
background: #F5F5F5;
border: 1px dashed #FFFFFF;
padding: 15 px;
margin: 5px;
width: 340px;
}
#contact1 {
text-align: left;
}
#input {
float: left;
text-align: left;
background-color: #DCDCDC;
color: #660099;
font-size: 11px;
}
#textarea {
float: left;
text-align: left;
background-color: #DCDCDC;
color: #660099;
font-size: 11px;
}
#button {
float: left;
font-size: 10px ;
color: white ;
background-color: #204883;
top: 80% ;
border-width: 1pt ;
}
div.error {
background-color: #FFCCCC;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
font-weight: bold;
padding: 10px;
}
#ModTexte {
background-color: #cccccc;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 5px;
font: sans-serif;
font-size: 10px;
font-style: normal;
}
#ModImage {
background-color: #cccccc;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 5px;
font: sans-serif;
font-size: 10px;
font-style: normal;
}
#suppression {
color: #ffffff;
background-color: #E78080;
border-top: 2px solid #8B0000;
border-left: 2px solid #8B0000;
border-right: 2px solid #8B0000;
border-bottom: 2px solid #8B0000;
padding: 2px;
}
#ListeAvantages {
background-color: #ffffff;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 10px;
}
#langue {
margin-left: auto;
margin-right: auto;
width: 735px;
height: auto;
background: #F8F8F8;
text-align: right;
color: #000877;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-weight:bold;
font-variant:small-caps;
padding-bottom: 1px;
padding-top: 2px;
padding-right:15px;
}
#langue a:link {
color:#000877;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-weight:bold;
}
#langue a:hoover
{
color:#FBB600;
font-family: Arial,Verdana, Helvetica, sans-serif;
font-weight:bold;
}
#fieldset
{
margin: auto;
width:100%;
}