/* CSS Document */

/* Global */
body {background-color:#18489a; margin:0; padding:0;}
a {text-decoration:none; color:#646464;}
a:hover {text-decoration:none; color:#fd2530;}

/* Webdesign */
.header {width:1004px; height:131px; background-image:url(../images/global/banner_top_new.jpg);}
.nav {width:1004px; height:15px; background-image:url(../images/nav/01_nav.gif);}
.sous_nav {width:1004px; height:28px; background-image:url(../images/nav/02_sous_nav.gif);}
.header_popup {width:575px; height:60px; background-image:url(../images/global/banner_top_popup.jpg);}

/*Lien image*/
.lien_image a:hover{text-decoration:none; color:#FFFFFF;}
.lien_image a{text-decoration:none; color:#FFFFFF;}

/* Txt */
.txt_nav {color:#646464; font:12px Arial, Helvetica, sans-serif; float:left;}
.txt_nav:hover {color:#fd2530; font:12px Arial, Helvetica, sans-serif; float:left;}
.txt_sous_nav {color:#646464; font:10px Arial, Helvetica, sans-serif; margin-top:13px; float:left; text-transform: uppercase;}
.txt_sous_nav:hover {color:#fd2530; font:10px Arial, Helvetica, sans-serif; margin-top:13px; float:left; text-transform: uppercase;}
.txt_footer {color:#646464; font:10px Verdana, Arial, Helvetica, sans-serif;}
.txt_footer_nav {color:#646464; font:10px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.txt_footer_nav:hover {color:#646464 font:10px Verdana, Arial, Helvetica, sans-serif; text-decoration:underline;}
.txt_nav_sous_lvl {color:#000000; font:12px Arial, Helvetica, sans-serif;}
.txt_nav_sous_lvl:hover {color:#fd2530; font:12px Arial, Helvetica, sans-serif;}
.txt_intranet {color:#494949; font: 12px Arial, Helvetica, sans-serif;}
.txt_intranet:hover {color:#fd2530; font: 12px Arial, Helvetica, sans-serif;}
.txt_breves {color:#646464; font:12px Arial, Helvetica, sans-serif;}
.txt_breves:hover {color:#fd2530; font:12px Arial, Helvetica, sans-serif;}

/* Contenu des cadres */
.txt_cadre_01 {
color:#646464; font: 12px Verdana, Arial, Helvetica, sans-serif; margin-left:10px;
margin-right:0px; margin-top:0px; margin-bottom:0px; height:130px; overflow: auto;
}

.txt_cadre_02 {
color:#646464; font: 12px Verdana, Arial, Helvetica, sans-serif;
margin-left:10px; margin-right:10px; margin-top:15px; margin-bottom:10px; height:150px; overflow: auto;
}
.txt_cadre_02 a:hover{text-decoration:none; color:#FFFFFF;}
.txt_cadre_02 a{text-decoration:none; color:#FFFFFF;}

.txt_cadre_03 { 
color:#646464; font: 12px Verdana, Arial, Helvetica, sans-serif;
margin-left:10px; margin-right:10px; margin-top:5px; margin-bottom:10px; height:341px; overflow: auto;
} /* cadre "a savoir" */

.txt_cadre_04 {
color:#646464; font: 12px Verdana, Arial, Helvetica, sans-serif; margin-left:10px;
margin-right:0px; margin-top:10px; margin-bottom:0px; overflow: auto; /*height:318px; pour que les cadre aient une taille automatique à l'intérieur du site */
}

.txt_cadre_05 {
color:#646464; font: 12px Verdana, Arial, Helvetica, sans-serif; margin-left:10px;
margin-right:0px; margin-top:10px; margin-bottom:0px; height:130px; overflow: auto;
}

.txt_cadre_06 { /* utilisé pour les popups */
color:#646464; font: 12px Verdana, Arial, Helvetica, sans-serif; margin-left:10px;
margin-right:0px; margin-top:0px; margin-bottom:0px; height:220px; overflow: auto;
}

.txt_cadre_07 { /* utilisé dans map.php3 - cadres de gauche */
color:#646464; font: 12px Verdana, Arial, Helvetica, sans-serif;
margin-left:10px; margin-right:10px; margin-top:15px; margin-bottom:10px; height:150px; overflow: auto;
}

.txt_cadre_08 { /* utilisé dans map.php3 - cadres de gauche */
margin-left:5px; margin-right:5px; margin-top:0px; margin-bottom:0px; height:150px; overflow: auto;
}
/* Titre des cadres*/
.titre_cadre_01 {color:#fd2733; font: bold 15px Verdana, Arial, Helvetica, sans-serif; margin-left:100px;}
.titre_cadre_02 {color:#fd2733; font: bold 15px Verdana, Arial, Helvetica, sans-serif; margin-left:20px;}
.titre_cadre_03 {color:#fd2733; font: bold 15px Verdana, Arial, Helvetica, sans-serif; margin-left:50px;}

/* Sep & Spacer */
.sep_nav {float:left; margin-left:12px; margin-right:12px;}
.spacer_nav {float:left; width:5px; font:12px Arial, Helvetica, sans-serif;}
.spacer_sous_nav {font:10px Arial, Helvetica, sans-serif; width:35px; margin-top:13px; float:left;}
.spacer_marge_gauche {float:left; width:20px;}

/* Cadres */
.cadre_tous_corps {width:1px; background-color:#00a0de;}
.cadre_tous_coins_bas {width:1px; height:1px; background-color:#00a0de;}
.cadre_tous_milieu_bas {height:1px; background-color:#00a0de;}
.cadre_tous_coins_haut {width:1px; height:25px; background-image:url(../images/cadres/corners_blue2.gif);}

.cadre_01_moyen_milieu_haut {height:25px; background-image:url(../images/cadres/top_medium_blue2.gif);}
.cadre_01_moyen_milieu_haut_bis {height:25px; background-image:url(../images/cadres/top_medium2.gif);}
.cadre_01_moyen_milieu_haut_bis_bis {height:25px; background-image:url(../images/cadres/top_medium3_blue2.gif);}
.cadre_02_petit_milieu_haut {height:25px; background-image:url(../images/cadres/top_small_blue2.gif);}
.cadre_02_petit_milieu_haut_carte {height:25px; background-image:url(../images/cadres/top_small_blue_carte.gif);}
.cadre_02_petit_milieu_haut_video {height:25px; background-image:url(../images/cadres/top_small_full_blue2.gif);}
.cadre_02_petit_milieu_haut_vous {height:25px; background-image:url(../images/cadres/top_small_test_blue2.gif);}
.cadre_03_moyen_milieu_haut {height:25px; background-image:url(../images/cadres/top_calendrier_blue2.gif);}

.cadre_01_moyen_petit_haut {height:25px; background-image:url(../images/cadres/top_small_blue_popup.gif);}

 /* FireFox et IE */
#fieldset01                   {position:relative; left:100px; top:100px; width:100px; height:0px; z-index:2;}
#fieldset02                   {position:relative; left:100px; top:100px; width:100px; height:0; z-index:1;}
/* Les memes, pour IE only */
* #fieldset01        {position:relative; left:-10px; top:-10px; width:130px; height:0px; z-index:2;}
* #fieldset02        {position:relative; left:0px; top:-57px; width:100%; height:0; z-index:1;}

/*Pour le plan du site*/
ul#plan {
  font: bold 16px Verdana, Arial, Helvetica, sans-serif;
  }

ul#plan2{
  font: 12px Verdana, Arial, Helvetica, sans-serif;;
}

/*Pour le menu déroulant*/
ul#menulist li ul{ display:none; }

ul#menulist li:hover>ul{ display:block; }

ul#menulist {
  font-family: Arial, Helvetica, sans-serif;
  color: #0F4D2A;
  font-size: 10px;
  line-height: 7pt;
  position: static;
  left: 10px;
  margin: 15px;
}

ul#menulist, ul#menulist ul {
  list-style:none;
  margin:0;
  padding:0;
  width:20em;
  border: 1px solid;
  border-top-color: #00a0de;
  border-left-color: #00a0de;
  border-bottom-color: #00a0de;
  border-right-color: #00a0de;
  background-color: #f0f0f0;
}

ul#menulist ul{
  position:absolute;
  top:-1px;
  left:20em;
}

ul#menulist li{
  position:relative;
  margin:0px;
  padding:0px;
  _display:inline;
}

ul#menulist a{
  display:block;
  width:100%;
  text-decoration: none;
  text-indent: 1em;
  width: 20em;
  padding: 5px 0;
}

#menulist li:hover, ul#menulist li a:hover {
color:#fd2530; 

}

ul#menulist li.smenu>a {
  font-style: normal;
}

ul#menulist a {
  color:#OOOOOO;
  text-decoration: none;
}