body.idr{
text-align: left;
color: #333;
background-image: url(images/canne1.jpg);
  background-repeat: no-repeat;
  background-position: center ;
  
}

div.img{
background-image: url(images/canne_01.jpg);
  background-repeat: no-repeat;
  background-position: center ;

}


p.presentation{
font-size : 13px;
text-align:center;
}


p.grostitre{
font-size : 22px;
text-align:center;
background-color:#006600;
color:#FFFF00;
}


p.nb{
font-size : 14px;
text-align:center;
color:blue;
font-style: italic;
}

.marque{
font-style: italic;
font-size : 14px;
font-weight:bold;
}

p.stylecouleur{
text-align:center;
font-size : 14px;
color:blue;
}

p.stylecouleur1{
text-align:center;
font-size : 20px;
background-color:#006600;
color:#FFFF00;
}

p.style2{
text-align:center;
font-size : 16px;
color:red;
font-weight:bold;
}

p.style3{
text-align:center;
font-size : 16px;
background-color:#33FF33;
color:#000099;
font-weight:bold;
}

.style4{
text-align:left;
font-size : 16px;
color:blue;
font-weight:bold;
}

.usine{
text-align:center;
font-size : 16px;
font-weight:bold;
}

h3 {
font-style: italic;
font-size : 18px;
color:#0C1305;
margin:1px;
text-align:center;
}

h4{
	font-style: italic;
font-size : 18px;
color:#0C1305;
margin:1px;
text-align:center;
}
table{
font-size : 14px;

}
a { text-decoration: none; 
color: #333; 
}
a:hover { text-decoration: none;
font-size : 18px;
font-style: italic;
font-weight: bold;

 }

#menu{
width:20px;
border-top: 500px solid #9ED89E;
border-bottom: 1px solid #9ED89E;
float: right;
}

table.tmenu{
width:100%;
height:auto;
margin-top:10px;
border-top: 2px solid #9ED89E;
border-bottom: 2px solid #9ED89E;
border-left: 2px solid #9ED89E;
border-right: 2px solid #9ED89E;

}

td.larg{

border-top: 1px solid #9ED89E;
border-bottom: 1px solid #9ED89E;
border-left: 1px solid #9ED89E;
border-right: 1px solid #9ED89E;
margin :3px;
}

td.surlign{
margin-bottom:1px;
border-bottom: medium solid #9ED89E;

}

table.tprincipal{
width:90%;
margin-top:6px;
text-align:center;
}

#principal{
float: right;
width: 750px;
padding: 0; 
margin: auto;
margin-bottom:1px;
border-bottom: medium solid #9ED89E;
}


.flottante {
margin-top: 3px;
margin-right: 3px;
margin-left: 3px;
margin-bottom: 3px;
float: left;
background-color: #D8EBDB;
border: 1px solid #93B377;
padding: 6px;
width:100%;
text-align:left;
height:100%;
}

.alert{
background-color: red;
color:white;
}

H1{
font-family: SYLFAEN;
font-size :  30px;
color:#0C1305;
}

.conteneur {
width: 900px;
text-align:left;

}
hr {
clear: both;
visibility: hidden;
}
p.date {
font-style: italic;
font-weight: bold; 
font-size : 11px;
}

.alignement{
text-align:left;
font-size: 16px; 
}

.deplacer {
position: relative;
bottom: -17px;
left:-3em;
font-size: 16px; 
font-style: italic;
font-family: arial, "lucida console", sans-serif;

}

.nombres {
font-weight: bold; 
color:blue;
}

.nombre1 {
font-weight: bold; 
font-size: 20px;
color:#009900;
}

.nombre2 {
font-weight: bold; 
font-size: 50px;
color:#0000FF;
}


.nombre3 {
font-weight: bold; 
font-size: 20px;
color:#0000CC;
}

.nombre4 {
font-size : 20px;
text-align:center;
background-color:#006600;
color:#FFFF00;
}

.nombre {
font-weight: bold; 
}


.unite  {
font-style: italic;
}

.titre
{ 
width:900px;
text-align:center;
font-size: 2em; 
font-weight: bold; 
color:#309852;
/*background-image: url(images/titre_sucrerie.jpg);*/
background-image: url(images/logo_ercane2.gif);
  background-repeat: no-repeat;
  background-position: center;
}

#pied {
width: 900px;
font-size : 11px;
border-top: 1px solid #9ED89E;
border-bottom: 1px solid #9ED89E;
color: #282828; 
text-align:center;
}