/* CSS Document */

<!--
A.normal { color:#000000; text-decoration:none; }
A:hover.normal { color:#FF0000;text-decoration:underline;}
A.lien { color:#0000FF; text-decoration:none; }
A:hover.lien { color:#FF0000;text-decoration:underline;}
A.menu1 { color:#0555FA; text-decoration:none;  font-family: "Times New Roman", Times, serif; font-size: 16px}
A:hover.menu1 { color:#FF0000;text-decoration:underline; font-family: "Times New Roman", Times, serif; font-size: 16px}
A.titremenu { color:#000000; text-decoration:none;}
A:hover.titremenu { color:#86B300;text-decoration:none;}
A.radio { color:#000000; text-decoration:none; }
A:hover.radio { color:#000000;text-decoration:none;}
A.titre_install { font-size:18pt; color:#000080; text-decoration:none; }
A.mini { font-size: 1px; color:#c5defd; text-decoration:none; }
A:hover.mini { font-size: 1px; color:#c5defd;text-decoration:underline;}

.flux_rss { color:#FFFFFF; text-decoration:none;  font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight:bold; }
.flux_rss:hover { color:#FF9900;text-decoration:underline; font-family: "Times New Roman", Times, serif; font-size: 16px}
.flux_rss_a { color:#FF9900; text-decoration:none;  font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight:bold; }



.Style1 {font-size: 1px}
.Style2 {font-size: 2px}
.Style3 {font-size: 3px}
.Style4 {font-size: 4px}
.Style5 {font-size: 5px}
.Style6 {font-size: 6px}
.Style7 {font-size: 7px}
.Style8 {font-size: 8px}
.Style9 {font-size: 9px}
.Style10 {font-size: 10px}
.Style11 {font-size: 11px}
.Style12 {font-size: 12px}


.i {font-style: italic;}

.red {color: #FF0000}
.blue {color: #0000FF}
.vert {color: #008080}
.gris {color: #808080}

.nom_emetteur {font-size: 24px; font-weight: bold;}
.nom_tableau {color: #55A0FF; font-weight: bold;}
.titre_frame_EN {font-size: 24px; font-weight: bold;}

.titre_page_b { color:#000080;  font-family: "Arial"; font-weight: bold; font-size: 18px}	
.Fond_champ {font-family: "Arial"; }

.champ{
width: 115px;
height: 18px;
color:#ffffff;
/*font-weight : bold;*/
background-image: url(./images/champ.jpg);
border: 0;
} 

input.mainoption {
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent url(./images/ok.jpg) no-repeat top left ;/* on place l'image en arrière plan */
   /*text-indent: 3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
  cursor: pointer;  /* pour transformer de pointeur en main */
  font-weight : bold;
/*background-image: url(./images/fleche-haut.gif);*/
}
/*input.mainoption:hover {
   /*background-position: 0 -1px;/* On déplace l'image d'arrière plan pour donner l'effet */
 /* background: transparent url(./images/ok2.jpg) no-repeat top left ;/* on place l'image en arrière plan */
   
   
  /* }*/
    

  
  
-->



body
{
margin: 0;
padding: 0;
	
      
   background-color: #c4daff;
}
a img{
  border: 0;
}

/*********************** HEADER ****************************/


#header{
  float: left;
  margin: 0 ;
  width: 988px;
  height: 152px;
  /*text-indent: -9999px;*/
  
  background: url(./images/header1.jpg) no-repeat 0 0;
   margin-bottom: 0px;
  
}

#header2{
margin-left:-10;
   float: none;
   width:auto; /* Se répétera sur la place qu'on lui donne. */
   height: 152px;
   background: url(./images/header2.jpg) repeat-x;
  /* background-repeat: repeat-x; /* Un repeat-x aurait suffit, mais comme on définit la hauteur c'est pas la peine*/
   margin-bottom: 0px;
}


/*********************** Extention largeur dessous header ****************************/
#main1{
float: none;
  width:auto;
  height: 184px;
  background: url(./images/extension_page1.jpg) repeat-x;
  margin-bottom: 0px;

}

/*********************** Menu ****************************/


#menu
  {
  margin-bottom: 0px;
  margin-top: 0px;
float: left; /* La première partie sera à gauche*/
  width:165px; /* On définit la largeur de l'image */
  height: 584px; /* On définit la hauteur de l'image */
 background-image: url(./images/menu.jpg);
   background-repeat: no-repeat;
   /*margin: auto;
   margin-bottom: 0px;
   margin-right: 0px; /*Pour que la partie 1 se colle à la 2.*/
}
.menu_bouton { color:#FFFFFF; text-decoration:none;  font-family: "Arial", Times, serif; font-size: 16px; font-weight:bold;}
.menu_bouton:hover { color:#FF0000;text-decoration:underline; font-family: "Times New Roman", Times, serif; font-size: 16px}
.menu_zoom { color:#FFFFFF; text-decoration:none;  font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight:bold; }
.menu_zoom:hover { color:#FF0000;text-decoration:underline; font-family: "Times New Roman", Times, serif; font-size: 16px}
.menu_zoom_a { color:#FF0000; text-decoration:none;  font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight:bold; }

.menu_new { color:#FFFFFF; text-decoration:none;  font-family: "Times New Roman", Times, serif; font-size: 16px  }
.menu_new:hover { color:#FF0000;text-decoration:underline; font-family: "Times New Roman", Times, serif; font-size: 16px}
.menu_new_a { color:#FF0000; text-decoration:none;  font-family: "Times New Roman", Times, serif; font-size: 16px  }

.menu_divers { color:#FFFFFF; text-decoration:none;  font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight:bold; }
.menu_divers:hover { color:#FF0000;text-decoration:underline; font-family: "Times New Roman", Times, serif; font-size: 16px}
#new { color:#FFFFFF; text-decoration:none;  font-family: "Times New Roman", Times, serif; font-size: 16px}
#google { color:#FFFFFF; text-decoration:none;  font-family: "Times New Roman", Times, serif; font-size: 16px}

.champ2{
width: 100px;
height: 18px;
color:#ffffff;
/*font-weight : bold;*/
background-image: url(./images/champ.jpg);
border: 0;
} 

/*********************** CORPS DE PAGE ****************************/
#main{
  float: left;
  
 /* margin: 0px auto 0;*/
margin-left: 165px !important;
margin-left: 82px;

  width: 807px;
  
  background: url(./images/corps_texte2.jpg) repeat-y;

}



/*********************** TEXT ****************************/
.text{

  float: left;
  text-align: center;
  /*padding: 0 ;/*-500px 0px 0px;  */
  padding-top: 80px ;
  padding-left:28px;
  padding-right:50px;
  width: 745px;
  
  background: url(./images/corps_texte1.jpg) no-repeat 0 0;
  
}
.text h3{
  margin: 0;
 /* padding: 0 0 15px;*/
  font-size: 1em;
  font-weight: bold;
  color: #627683;
}
.text .p1{
  padding: 0 ;/*20px 0px;*/
  text-indent: 2em;
  font-size: 0.8em;
  text-align: justify;
  color: #000;
}




/*********************** FOOTER ****************************/
.footer{
float: left;
  width: 807px;
  height: 148px;
  text-align: center;
  font-size: 9px;
  color: #627683;
  background: url(./images/footer.jpg) no-repeat 0 0;
}
.text_footer {
  font-size: 11px;
  text-decoration: none;
  color: #4399f7;
}

.text_footer2 {
  text-decoration: none;
   font-size: 9px;
  color: #627683;
}

.text_footer3 {
  text-decoration: none;
   font-size: 9px;
   color: #000000;
}
hr{
margin: auto;
 /* margin: 20px auto;*/
  width: 420px;
  border: 1px solid /*#547378*/ #627683;
}


#carte_npc
  {
  margin-bottom: 0px;
  margin-top: 0px;
float: left; /* La première partie sera à gauche*/
  width:765px; /* On définit la largeur de l'image */
  height: 448px; /* On définit la hauteur de l'image */
 background-image: url(./images/nordpasdecalais.jpg);
   background-repeat: no-repeat;
   /*margin: auto;
   margin-bottom: 0px;
   margin-right: 0px; /*Pour que la partie 1 se colle à la 2.*/
}