*{ padding: 0; margin: 0;}
   html{ height : 101%;}

   body{
   color: black;
   background-color: #C0C0C0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
      }
      
   #bandeau{
      color: black;
      position: relative;
      color: #97a2b3;
      background-color: #8ABAEA;
      background-repeat: no-repeat;    
      }

   .cel_gauche{
      text-align:left;     
      }
   
   #support_photo_bandeau{
      width: 100%
      }
      
   
   #zone_de_texte{
      padding: 20px 10px 5px 0px;
      color: black;
      background-color: #123C65;
      border: none;
      }
      
/***zone de navigation***/       
   #zone_de_navigation{
      text-align: right;
      color : black;
      background-color:#123C60;
      background-repeat: repeat-y;
      background-position: top left;
      padding: 5px 10px 4px 10px;
      border-bottom: 1px solid #8c8c8c;
         }
   
   #zone_de_navigation li{
      display: inline;
      list-style: none;
      margin: 0;
      }
   
   #zone_de_navigation a{
      color: black;
      background-color: #8ABAEA;
      padding: 4px 8px 4px 8px;
      border: 1px solid #8c8c8c;
      
      }

   #zone_de_navigation a:hover, #a #nava a,
                         #b #navb a,
                         #c #navc a,
                         #d #navd a,
                         #e #nave a                      
                          {
      text-decoration: none;
      color: white;
      background-color: #123C65;
      padding-bottom: 5px;
      border-bottom: none;
         }
/***zone de nav***/
   #zone_de_nav{
      text-align: right;
      color : black;
      background-color:#123C60;
      background-repeat: repeat-y;
      background-position: top left;
      padding: 5px 10px 4px 10px;
      border-bottom: 1px solid #8c8c8c;
         }
   
   #zone_de_nav li{
      display: inline;
      list-style: none;
      margin: 0;
      }
   
   #zone_de_nav a{
      color: black;
      background-color: #8ABAEA;
      padding: 4px 8px 4px 8px;
      border: 1px solid #8c8c8c;
      }           
   #zone_de_nav a:hover, #o #navo a,
                         #d #navd a,
                         #e #nave a,
                         #f #navf a,
                         #g #navg a,
                         #h #navh a,
                         #i #navi a,
                         #j #navj a,
                         #k #navk a,
                         #l #navl a,
                         #b #navb a,
                         #a #navq a,
                         #m #navm a,
                         #n #navn a
                          {
      text-decoration: none;
      color: white;
      background-color: #123C65;
      padding-bottom: 5px;
      border-bottom: none;
         }
/***menu de redirection***/

#nav a:link, #nav a:visited
{
   color:#FFFFFF;
   background-color:#123C65;
   padding:5px 10px 5px 10px;
   float:left;
   width:auto;
   border:1px solid #42432d;
   text-decoration:none;
   font:bold 1em/1em Arial, Helvetica, sans-serif;
   text-shadow: 2px 2px 2px #ABBCE8;
   border-radius:10px 10px 10px 10px;
}

#nav a:hover
{
   color:#123C65;
   background:#8ABAEA;
}
#nav
{
   margin:0;
   padding:0;
   float:left;
   width:85px;
   border-width:1px 0;
   box-shadow:5px 5px 5px gray;
}

li {
 list-style-type: none;
}        
/***zone de texte2***/
         
#zone_de_texte2{
      text-align : left;
      padding : 20px 10px 5px 20px;
      color : black;
      background-color : #8ABAEA;
      background-repeat : repeat-y;
      height: 1000px;
      border : none;
      width : 99%;
      }
      
p#notes{
   border-bottom: 1px dotted black;
   padding-bottom: 1em;
}

p#fotter {
   border-top: 1px dotted black;
   padding-top: 1em;
}
/***La largeur des formulairs et leur forme***/

/***les 3 div d'indox_milart.php***/
#div1{
      width: 500px;
      box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
         }
#div2{
      width: 500px;
      box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
         }
#div3{
      width: 500px;
      box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
         }
#div4{
      position:absolute;
      left: 55%;
      top:250px;
      width:400px;
      box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/  
}

#div5{
      position:absolute;
      left:30px;
      top:450px;
      width:500px;
}
/***menu_general.php***/
#m_general{    
      width: 600px;
      box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
         }

/***nouvelle_parcelle.php***/
#parcelle{     
      width: 900px;
      box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
         }
         
/***correct_parcelle.php***/        
#correct_parcelle{
      width: 900px;
      box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
         }

/***correct donnees***/
#correct_donnees{
      width: 600px;
      box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
         }

/***nouv_ttt.php***/
#nouv_ttt{
      width: 400px;
      box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
         }  

/***nouv_irrig.php***/
#nouv_irrig{
      width: 400px;
      box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
         }

/***nouv_stade.php***/
#nouv_stade{
      width: 400px;
      box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
         }
/***niveau_risque.php***/
#niveau_risque{
      width: 400px;
      box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
         }
         
         
         
/***Les graphiques***/
#graphique_sim{
      width:1000px;
      box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
}        

#graphique_climato{
      width:1000px;
      box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
}  
         
         
/***mise en forme des formulaires***/
               
#titreForm {
   border-radius:10px 10px 0 0; /***arrondir les coins en haut à gauche et à droite***/
}           
#piedForm {
   text-align: center; /*** Le(s) bouton(s) est(sont) centré(s) ***/
   border-radius:0 0 10px 10px; /***arrondir les coins en haut à gauche et à droite***/
}
#titreForm, #piedForm { /*** Mise en forme du titre et du pied de formulaire ***/
   font: 1.1em arial, hevetica, sans-serif;
   color: white;
   background-color:#1072A7;
   border: 1px solid black;
   margin: 0;
   text-align: center;
   padding : .3em;
}
#piedForm {
   text-align: center; /*** Le(s) bouton(s) est(sont) centré(s) ***/
}
#piedForm input {
   font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
   margin-left: 2em;
   border: 1px solid black;
   color: black;
}
#corpForm { /*** Mise en forme du corps du formulaire (bordure, couleur du fond...) ***/
   color: #123C65;
   border: 1px solid black;
   background-color: #F1F7F6;
   margin: 0;
   padding: 1em;
}
#corpForm fieldset { /*** Mise en forme des cadres ***/
   margin: 0;
   font-style: normal;
   padding: 0 1em 1em;
   border: 1px solid #1072A7;
}
#corpForm legend { /*** Mise en forme des titres des cadres ***/
   font-weight: bold;
   color: #000066;
   background: transparent;
}
#corpForm p {  /*** Mise en forme des lignes du formulaire ***/
   padding: .2em 0;
   margin: 0 0 .2em 0;
   float: left;
   width: 100%;
}

/***organisation des formulaires***/
#corpForm fieldset#menu_dossier label {   /*** Mise en forme des intitulés de champs ***/
   float: left;/***   Très important, ne pas suprimer ! ***/
   width: 20%; /*** Les intitulés prennent 1/5 de la largeur totale du formulaire... ***/
   text-align: right;   /*** ... et ils sont alignés à droite... ***/
   margin: 0;
   padding: 0 .5em 0 0;
   line-height: 1.8; /*** ... et centrés verticalement. ***/
}
#corpForm fieldset#menu_general label {   /*** Mise en forme des intitulés de champs ***/
   float: left;/***   Très important, ne pas suprimer ! ***/
   width: 90%; /*** Les intitulés prennent 90% de la largeur totale du formulaire... ***/
   text-align: right;   /*** ... et ils sont alignés à droite... ***/
   margin: 0;
   padding: 0 .5em 0 0;
   line-height: 1.8; /*** ... et centrés verticalement. ***/
}

#corpForm fieldset#le_risque label {   /*** Mise en forme des intitulés de champs ***/
   float: left;/***   Très important, ne pas suprimer ! ***/
   width: 95%; /*** Les intitulés prennent 90% de la largeur totale du formulaire... ***/
   text-align: right;   /*** ... et ils sont alignés à droite... ***/
   margin: 0;
   padding: 0 .5em 0 0;
   line-height: 1.8; /*** ... et centrés verticalement. ***/
}

#corpForm label:hover, #piedForm input {
   cursor: pointer;  /*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm .legende { /*** Mise en forme des aides contextuelles ***/
   font-style: italic;
   color: #666;
   background: transparent;
   margin: 0;
   padding: 0;
}
#corpForm a.aide {   /*** Mise en forme des bulles d'aide ***/
   text-decoration: none;
}
#corpForm a.aide img {  /*** Mise en forme de l'image des bulles d'aide ***/
   margin: 0;
   padding: 0;
   border: 0;
}
#corpForm a.aide:hover {   /*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
   cursor: help;
}
#corpForm .focus {   /*** Mise en avant des champs en cours d'utilisation ***/
   background: #DEF1FF;
   color: black;
}
#corpForm .normal {  /*** Retour à l'état normal après l'utilisation ***/
   background: white;
   color: black;
}
#corpForm label.oblig {
   font-weight: bold;   /*** Mise en évidence des champs obligatoires ***/
   color:#336600
}
                     

/***Les polices***/
P1, h1{
   color:#FFFFFF;/*blanc*/
   font: 24px arial, hevetica, sans-serif;
}
P10, h10{
   color:#FFFFFF;/*blanc*/
   font: 12px arial, hevetica, sans-serif;
}

h10{
   text-align:right;
   }

P12, h12{
   color:#103551;/*bleu-noir*/
   font: bold 20px arial, hevetica, sans-serif;
}
P2, h2{
   color:#103551;/*bleu-noir*/
   font: bold 14px arial, hevetica, sans-serif;
}
p3, h3{
   color:#103551;/*bleu-noir*/
   font: bold 12px arial, hevetica, sans-serif;
}
P4, h4{
   color:#CC0000;/*rouge*/
   font: bold 16px arial, hevetica, sans-serif;
}
P5, h5{
   color:#48B81B;/*vert*/
   font: bold 16px arial, hevetica, sans-serif;
}
p6, h6{
   font: bold 16px arial, hevetica, sans-serif;
}
P7, h7{
   font: 12px arial, hevetica, sans-serif;
}
p8, h8{
   font: italic 12px arial, hevetica, sans-serif;
   color:#757575;/*gris*/
}
p9, h9{
   color:#CC0000;/*rouge*/
   font: bold 24px arial, hevetica, sans-serif;
   }
p11, h11{
   color:#006600;/*vert sombre*/
   font: bold 24px arial, hevetica, sans-serif;
   }
p0, h0{
   color:#006600;/*vert sombre*/
   font: bold 24px arial, hevetica, sans-serif;
   }
p13, h13{
   color:#21741E;/*vert sombre #006600;*/
   font: bold 36px arial, hevetica, sans-serif;
   }

p14, h14{
   color:#A20051;/*rouge sombre*/
   font: bold 36px arial, hevetica, sans-serif;
   }
   
/***les styles pour le calendrier***/
#divCalendrier {
   font-size:10pt;
   font-weight:bold;
   font-family:arial;
   border:1px solid #999;
   background-color:#eee;
   padding:3px;
}
#divCalendrier table {
   background-color:#999;
   width:180px;
}
#divCalendrier a {
   text-decoration:none;
}
#divCalendrier td, a {
   font-size:10pt;
   color:#000;
   text-align:center;
}
#divCalendrier td.titre {
   background-color:#1072A7;
   color:#fff;
   font-weight:bold;
}
#divCalendrier td.jour {
   background-color:#1072A7;
   width:14%;
   color:#fff;
   font-weight:bold;
}
#divCalendrier td.moisActif {
   background-color:#fff;
}
#divCalendrier td.moisInactif {
   background-color:#8ABAEA;
}
#divCalendrier td.jourSelection {
   background-color:#8ABAEA;
   border:1px solid #c00;
}
.inputCalendrier {
   width:100px;
}


#calque_calendrier_parcelle {
   width:190px;
   background-color:#98A0B3;
   position : relative;
   top:20px;
   left:20px;
}

#calque_calendrier {
   width:190px;
   background-color:#98A0B3;
   position : relative;
   top:20px;
   left:20px;
}

#calque_calendrier2 {
   width:190px;
   background-color:#98A0B3;
   position : absolute;
   top:550px;
   left:450px;
}

#calque_calendrier3 {
   width:190px;
   background-color:#98A0B3;
   position : absolute;
   top:550px;
   left:450px;
}
/***Les lignes du formulaire de nouvelle_parcelle.php***/

div#calque0{
   width:600px;
   display:block; 
}

div#calque1{
   width:600px;
   display:block; 
}
      
div#calque2{
   width:600px;
   display:none;  
}

div#calque3{
   width:600px;
   display:none;  
}

div#calque4{
   width:600px;
   display:none;  
}
      
div#calque5{
   width:600px;
   display:none;  
}

div#calque6{
   width:600px;
   display:none;  
}

div#calque7{
   width:600px;
   display:none;  
}
      
div#calque8{
   width:600px;
   display:none;  
}

div#calque9{
   width:600px;
   display:none;  
}

div#calque10{
   width:600px;
   display:none;  
}
/***Les div des calques traitement***/

div#calque_phyto_0{
   width:400px;
   display:block; 
}
div#calque_phyto_1{
   width:400px;
   display:block; 
}
div#calque_phyto_2{
   width:400px;
   display:none;  
}
div#calque_phyto_3{
   width:400px;
   display:none;  
}
div#calque_phyto_4{
   width:400px;
   display:none;  
}
div#calque_phyto_5{
   width:400px;
   display:none;  
}

/***Les div des calques irrigation***/

div#calque_irrig_0{
   width:400px;
   display:block;
}

div#calque_irrig_1{
   width:400px;
   display:block;
}
div#calque_irrig_2{
   width:400px;
   display:none;
}

div#calque_irrig_3{
   width:400px;
   display:none;
}
div#calque_irrig_4{
   width:400px;
   display:none;
}

div#calque_irrig_5{
   width:400px;
   display:none;
}

/***Les div des calques stades***/

div#calque_stade_0{
   width:400px;
   display:block;
}

div#calque_stade_1{
   width:400px;
   display:block;
}
div#calque_stade_2{
   width:400px;
   display:none;
}

div#calque_stade_3{
   width:400px;
   display:none;
}
div#calque_stade_4{
   width:400px;
   display:none;
}

div#calque_stade_5{
   width:400px;
   display:none;
}

div#assistance_stades{
   position:absolute;
   top:278px;
   left:450px;
   display:block; 
}

div#div_phyto{
   position:absolute;
   top:278px;
   left:450px;
   display:block; 
}


/***largeur d'inputs***/
#variete{
   width:150px;
}
#station{
   width:150px;
}
#nom_stade{
   width:100px;
}


/**Les tableaux**/

/***tableau résult ***/
#table_result{
   width: 900px;
   box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
   border : thin solid;
   border-collapse:collapse;
}
#th_table_result{
   font : 1.1em arial, hevetica, sans-serif;
   text-align : center;
   color : #FFFFFF;  
   padding : 5px;
   background-color: #1072A7;
}
#td_table_result{
   text-align : left;
   border :thin solid ;
   padding : 1px;
   background-color: #FFFCCC;
}  
#td_table_result_c2{
   text-align : center;
   border :thin dotted ;
   padding : 1px;
   background-color:white;
   }

/***Tableau de description des stades***/
#table_descriptif_stades{
   width: 400px;
   box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
   border : thin solid;
   border-collapse:collapse;
}



/***Tableau des modification des produits phyto***/
#table_modif_phyto{
   width: 800px;
   box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
   border : thin solid;
   border-collapse:collapse;
}
#th_table_phyto{
   font : 1.1em arial, hevetica, sans-serif;
   text-align : center;
   color : #FFFFFF;  
   padding : 5px;
   background-color: #1072A7;
}
#td_table_phyto{
   text-align : left;
   border :thin solid ;
   padding : 1px;
   background-color: #FFFCCC;
   }

#td_table_phyto_c2{
   text-align : center;
   border :thin dotted ;
   padding : 1px;
   background-color:white;
   }

/***table récap parcelle***/
#table_recap_parcelle{
   width: 400px;
   box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
   border : thin solid;
   border-collapse:collapse;
}  
#table_recap_parcelle_1{
   width: 400px;
   box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
   border : thin solid;
   border-collapse:collapse;
}

#table_recap_parcelle_2{
   width: 500px;
   box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/
   border : thin solid;
   border-collapse:collapse;
}
#th_table_recap_parcelle{
   font : 1.1em arial, hevetica, sans-serif;
   text-align : center;
   color : #FFFFFF;  
   padding : 5px;
   background-color: #1072A7;
}
#td_table_recap_parcelle{
   border :thin solid ;
   padding : 1px;
   background-color: #FFFCCC;
   }  
#td_table_recap_parcelle_c2{
   text-align : center;
   border :thin dotted ;
   padding : 1px;
   background-color:white;
   }  
#td_table_recap_parcelle_c3{
   text-align : center;
   border :thin dotted ;
   padding : 1px;
   background-color:#FFFCCC;
   }
   
   
/***div de test***/
#test1{
   width:410px;
   display:block;       
   }
   
#table_recap_1{   
   position:absolute;
   top:720px;
   left:20px;
   }     
#table_recap_2{   
   position:absolute;
   top:720px;
   left:510px;
   }  
   
/***table récap traitement***/
#table_trait{
   width: 400px;
   border : thin solid;
   border-collapse:collapse;
   box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/      
}

#th_table_trait{
   font : 1.1em arial, hevetica, sans-serif;
   text-align : center;
   color : #FFFFFF;  
   padding : 5px;
   background-color: #1072A7;
}
#td_table_trait{
   text-align : left;
   border :thin solid ;
   padding : 1px;
   background-color: #FFFCCC;
   }  
#td_table_trait_c2{
   text-align : center;
   border :thin dotted ;
   padding : 1px;
   background-color:white;
   }
   
/***table récap irrigation et risque***/
#table_irrig{
   width: 400px;
   border : thin solid;
   border-collapse:collapse;
   box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/      
}
#th_table_irrig{
   font : 1.1em arial, hevetica, sans-serif;
   text-align : center;
   color : #FFFFFF;  
   padding : 5px;
   background-color: #1072A7;
}
#td_table_irrig{
   text-align : left;
   border :thin solid ;
   padding : 1px;
   background-color: #FFFCCC;
   }  
#td_table_irrig_c2{
   text-align : center;
   border :thin dotted ;
   padding : 1px;
   background-color:white;
   }

/***table récap stade***/
#table_stade{
   width: 400px;
   border : thin solid;
   border-collapse:collapse;
   box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/      
}
#th_table_stade{
   font : 1.1em arial, hevetica, sans-serif;
   text-align : center;
   color : #FFFFFF;  
   padding : 5px;
   background-color: #1072A7;
}
#td_table_stade{
   text-align : left;
   border :thin solid ;
   padding : 1px;
   background-color: #FFFCCC;
   }  
#td_table_stade_c2{
   text-align : center;
   border :thin dotted ;
   padding : 1px;
   background-color:white;
   }  
   
/***table risque***/ 
#table_risque{
   width: 400px;
   border : thin solid;
   border-collapse:collapse;
   box-shadow:20px 20px 10px gray;/***Pour ombrer le tour du formulaire***/      
}  
#th_table_risque{
   font : 1.1em arial, hevetica, sans-serif;
   text-align : center;
   color : #FFFFFF;  
   padding : 5px;
   background-color: #1072A7;
}
#td_table_risque{
   text-align : left;
   border :thin solid ;
   padding : 1px;
   background-color: #FFFCCC;
   }


/***div des pages pi.php***/
#traitement{
   width:400px;
   display:none;
   }
#irrigation{
   width:400px;
   display:none;
   }
#stade{
   width:400px;
   display:none;
   }
#eval_risque{  
   width:400px;
   display:none;
   }  
   

/***zone de navigation***/
   #zone_de_navig{
      text-align: left;
      color : black;
      background-color:#123C60;
      background-repeat: repeat-y;
      background-position: top left;
      padding: 5px 10px 4px 10px;
      border-bottom: 1px solid #8c8c8c;
         }
   
   #zone_de_navig li{
      display: inline;
      list-style: none;
      margin: 0;
      }
   
   #zone_de_navig a{
      color: black;
      background-color: #8ABAEA;
      padding: 4px 8px 4px 8px;
      border: 1px solid #8c8c8c;
      }           
   #zone_de_navig     a:hover, #traitement #navm a,
                               #irrigation #navn a,
                               #stade #navp a,
                               #eval_risque #navq a                                             
                               {
      text-decoration: none;
      color: white;
      background-color: #123C65;
      padding-bottom: 5px;
      border-bottom: none;
         }
         
         
#pied_de_page{
      position : absolute;
      top : 25px;
      left : 900px;
      padding : 20px;
      padding-top : 10px;
      margin-top : 20px;
      }
      
      
/***les infos bulles***/   
#divBulle {
   position:absolute;
   visibility:hidden;
   font-family:arial;
   font-weight:bold;
   border:1px solid #999;
   background-color:#FCE2A0;
   color:#000;
   padding:4px;
   font-size:10pt;
   z-index:999;
}

/***Les cartes***/
#map_canvas{
        width : 900px;
        height: 350px;
}