/* CSS Document */
/*définitions des règles générales des balises*/
body {
font-family:"Trebuchet MS", Arial, sans-serif;
color:#004c7e;
margin:0;
padding:0;
background-image:url("images/02.png"); 
background-repeat:repeat; 
}

a { text-decoration:none}
a:link , a:visited , a:hover , a:active , a:focus {color:#004c7e;}

/*ID de la frame de base du site*/
#site {
position:absolute;
top:0;
left:50%;
height:100%;
min-height:440px;
width:780px;
margin-left:-390px;
z-index:0;
background-image:url("images/deco_bas.png");
background-repeat:repeat-y;
/*Rajout d'une classe [backcolor] pour la couleur de fond, propre à chaque page.*/
}

/*------------------------------DEBUT-ID-CORPS-DE-FOND------------------------------*/
/*ID de la zone de couleur pour le fond du bandeau haut*/
#fond_haut {
position:absolute;
top:0;
left:0;
height:100px;
width:780px;
z-index:1;
/*Rajout d'une classe [backcolor] pour la couleur de fond, propre à chaque page.*/
}

/*ID pour le placement de la bannière flash*/
#banniere {
position:absolute;
left:130px;
top:5px;
width:630px;
height:95px;
z-index:2;
background-color:#fff;
}

/*ID zone haut de page*/
#zone_haut {
position:absolute;
top:0;
left:0;
height:100px;
width:780px;
z-index:3;
}

/*ID zone bas de page*/
#zone_bas {
position:absolute;
bottom:0;
left:0;
height:45px;
width:780px;
z-index:3;
/*Rajout d'une classe [backcolor] pour la couleur de fond, propre à chaque page.*/
}

/*ID de l'Ours de bas de page*/
#ours {
position:absolute;
left:50%;
bottom:2px;
margin-left:-225px;
padding-top:10px;
width:500px;
height:45px;
z-index:4;
background-image:url("images/ours.png");
font-size:9px;
text-align:center;
}

/*-------------------------------FIN-ID-CORPS-DE-FOND-------------------------------*/
/*-------------------------------DEBUT-ID-MENU-GAUCHE-------------------------------*/
/*ID de la balise contenant le menu*/
#mg_corps {
position:absolute;
top:150px;
left:8px;
height:auto;
width:121px;
background-image:url(images/menu_scrole.jpg);
z-index:10;
padding-top:15px;
padding-bottom:115px;
padding-left:20px;
padding-right:20px;
font-size:11px;
line-height:17px;
text-align:left;
DISPLAY: block;
}
#mg_corps h1 {
font-size:14px;
text-align:center;
font-weight:bolder;
text-transform:uppercase;
}

/*image du haut*/
#mg_haut {
position:absolute;
top:0;
left:0;
height:15px;
width:161px;
background-image:url(images/menu_haut.jpg);
z-index:11;
background-repeat:no-repeat;
}
/*image du bas*/
#mg_bas {
position:absolute;
bottom:90px;
left:0;
height:15px;
width:161px;
background-image:url(images/menu_bas.jpg);
z-index:11;
background-repeat:no-repeat;
display:block;
}

/*Bouton Ressources humaines*/
#mg_bouton1 {
position:absolute;
bottom:30px;
left:0;
height:21px;
width:135px;
border:#FFFFFF solid;
border-width: 33px 3px 3px;
background-color:#fff;
color:#FFFFFF;
z-index:12;
padding-top:3px;
padding-left:20px;
text-align:left;
/*cursor:pointer;*/
}

/*Bouton Marché Public*/
#mg_bouton2 {
position:absolute;
bottom:0px;
left:0;
height:21px;
width:135px;
border:#FFFFFF solid 3px;
background-color:#039;
color:#FFFFFF;
z-index:12;
padding-top:3px;
padding-left:20px;
text-align:left;
cursor:pointer;
}

*/
/*Code puce couleur menu gauche*/
#mg_puce1, #mg_puce2 {
position:absolute;
top:8px;
left:8px;
height:8px;
width:8px;
z-index:13;
}

/*Barre du menu gauche*/
#barre_gauche {
position:absolute;
top:140px;
left:179px;
width:1px;
bottom:60px;
background-color:#ccc;
z-index:10;
}

/*--------------------------------FIN-ID-MENU-GAUCHE--------------------------------*/
/*-------------------------------DEBUT-CORPS-DE-TEXTE-------------------------------*/
#corpus {
position:absolute;
top:134px;
right:10px;
bottom:55px;
left:184px;
z-index:20;
overflow:auto;
padding-top:15px;
padding-right:5px;
padding-bottom:0px;
padding-left:5px;
/*propriété du texte*/
font-size:12px;
text-align: justify;
color: #004c7e;
}
#flash {
position:absolute;
top:205px;
right:0px;
bottom:0px;
left:620px;
z-index:20;
overflow:auto;
padding-top:15px;
padding-right:5px;
padding-bottom:0px;
padding-left:5px;
/*propriété du texte*/
font-size:12px;
}
/*propriété spécial H1*/
#corpus > h1 {
font-size:18px;
text-indent:16px;
}
h1 > .puce {
font-family:Arial, Helvetica, sans-serif;
}
#corpus > h2 {
font-size:14px;
text-indent:16px;
}
#corpus > h3 {
font-size:14px;
text-indent:18px;
}

/*--------------------------------FIN-CORPS-DE-TEXTE--------------------------------*/
/*-----------------------------DEBUT-MENU-HAUT-DE-PAGE------------------------------*/

/*----------------------------DEBUT-DEFINITION-COULEURS-----------------------------*/
.btn001 { background-color:#fc0; }
.btn002 { background-color:#f90; }
.btn003 { background-color:#9c0; }
.btn004 { background-color:#c06; }
.btn005 { background-color:#09c; }
.btn006 { background-color:#c90; }
.btn007 { background-color:#99c; }

/*-----------------------------FIN-DEFINITION-COULEURS------------------------------*/
/*Balise servant de support au menu du haut*/
#menu_bouton {
position:absolute;
left:0px;
top:100px;
height:40px;
width:780px;
z-index:30;
font-size:13px;
text-align:center;
font-weight:bold;
}

/*Balise par défaut d'un des boutons du menu */
#menu_bouton > div {
display:block;
position:absolute;
/*propriété left définit par l'ID*/
top:10px;
height:20px;
width:115px;
z-index:31;
border-style:solid solid none;
border-width: 1px;
border-color:#ccc;
padding-left:10px;
padding-right:10px;
padding-top:0px;
cursor:pointer;
}

/*Positionnement des boutons sur l'horizontale*/
#bouton1 { left:22px; }
#bouton2 { left:175px; }
#bouton3 { left:328px; }
#bouton4 { left:483px; }
#bouton5 { left:634px; }

 /*la puce de couleur*/
#btn_carre1, #btn_carre2, #btn_carre3, #btn_carre4, #btn_carre5, #btn_carre6, #btn_carre7 {
position:absolute;
left:0;
top:6px;
height:8px;
width:8px;
z-index:32;
}

/*la barre transversale*/
#btn_barre {
position:absolute;
left:6px;
top:130px;
height:5px;
width:769px;
z-index:33;
}

/*-------------------------------DEBUT-MENU-DEROULANT-------------------------------*/

/*Balise de support des sous menus*/
#btn_ssmenu {
position:absolute;
z-index:40;
top:140px;
left:0px;
text-indent:-10px;
}

/*code générique des sousmenus*/
#btn_ssmenu > div {
position:absolute;
top:0px;
width:118px;
height:auto;
background-color:#fff;
/*filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;*/
border-style:solid;
border-width:1px;
font-size:11px;
line-height:20px;
text-align:left;
z-index:90;
padding-left:18px;
text-indent:-10px;
}

/*Les rajouts de style pour placer les menus, la couleur de leur bordure,
 *et la couleur du lien survollé
 */
/*/!\/!\/!\ -- ATTENTION DEFINITION DE COULEUR -- /!\/!\/!\*/
/*#btn_menu1 {
left:22px;
border-color:#fc0;
}
#btn_menu1 > a:hover , #btn_menu1 > a:hover > .imgpuce {color:#fc0;}*/

#btn_menu2 {
left:175px;
border-color:#f90;
}
#btn_menu2 > a:hover , #btn_menu2 > a:hover > .imgpuce {color:#f90;}

#btn_menu3 {
left:328px;
border-color:#9c0;
}
#btn_menu3 > a:hover , #btn_menu3 > a:hover > .imgpuce {color:#9c0;}


#btn_menu30 {
left:465px;
border-color:#9c0;
}
#btn_menu30 > a:hover , #btn_menu30 > a:hover > .imgpuce {color:#9c0;}


#btn_menu50 {
left:465px; 
border-color:#9c0;
}
#btn_menu50 > a:hover , #btn_menu50 > a:hover > .imgpuce {color:#9c0;}


#btn_menu4 {
left:483px;
border-color:#c06;
}
#btn_menu4 > a:hover , #btn_menu4 > a:hover > .imgpuce {color:#c06;}

#btn_menu5 {
left:634px;
border-color:#6CF;
}
#btn_menu5 > a:hover , #btn_menu5 > a:hover > .imgpuce {color:#6CF;}

/*Afficher ou cacher un item block*/
.cacher {
display:none;
}
.afficher {
display:block;
}


/*--------------------------------FIN-MENU-DEROULANT--------------------------------*/

/*Image puce des menus et sous menus.*/
/* Peut être associé à une balise span ou img. */
a:link > .imgpuce , a:visited > .imgpuce , a:active > .imgpuce , a:focus > .imgpuce {
color:white;
}

/*------------------------------FIN-MENU-HAUT-DE-PAGE-------------------------------*/


/*------------------------------DEBUT-INFO-BULLE-------------------------------*/
.link_bulle {
cursor: default;
color: gray;
border-bottom: 1px dotted gray;
}

.infos_bulle {
z-index: 500;
position: absolute;
top: -999px;
visibility: hidden;
font: normal 10px Verdana, Arial;
color: black;
padding: 8px;
border: 1px solid #ccc;
background-color: #D3FB64;
/*opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90); */
}


/*------------------------------FIN INFO BULLE----------------------------------*/