/* --------------------------------------
---------- BALISES GENERALES ------------
---------------------------------------*/
* {
  margin:0;
  padding:0;}

body, html {
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  background-color: #000000;
  color: #FFFFFF;
  height: 100%;}

img {
  vertical-align: middle;
  border: 0px;}

input,select,textarea {
  vertical-align: middle;
  font-size: 100%;}

option {
  padding-left: 4px;}

fieldset {
  padding: 10px;}

legend {
  font-size: 80%;
  padding: 0px 5px 0px 5px;}

label {
  cursor: pointer;}
  
#Corps {
  background-color: #FFFFFF;}

#Corps a:hover, #entete_accessibilite a:hover, #Barre_Menu li a:hover, td a:hover, #cig_suggests a:hover {
  text-decoration: overline underline;
  background-color: #C10435 !important;
  color: #FFFFFF !important;}
	
a {
  color: #528789;}
	
a:hover {
  color: #FF9900;}
	
td,th {
  text-align: left;
  color: #000000 !important;
  background-color: #FFFFFF;
  padding: 5px;}
	
td a, #cig_suggests a, th {
  color: #990000;}
	
/* ---------------------------------------
--------------- CONTENU ------------------
-----------------------------------------*/
#Contenu {
  padding-top: 28px;
  border-right: 10px solid #528789;
  border-left: 10px solid #528789;
  border-bottom: 3px solid #528789;
  border-top: 0px;
  background-color: #FFFFFF;
  color: #000000;
  margin-right: auto;
  margin-left: auto;
  _height: 100%;
  min-height: 100%;
  width: 90%;
  width: expression((document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) < 780 ? "780px": "90%" );
  min-width: 780px;	
  text-align: left;}
	
/* ----------------------------------------------
------------- EN-TETES (recherche) --------------
-----------------------------------------------*/
#entete_accessibilite {
  position: absolute;
  top:0px;
  left:0px;
  margin-right: 7%;
  margin-left: 8%;
  width: 85%
  _width:95%;
  background-color: #CCCCCC;
  background-image: url(/images/decodroite.gif);
  color: #000000;
  border: 3px solid #528789;
  border-top: 0px;
  font-size: 80%;
  padding: 2px 10px 5px 10px;}
	
#entete_accessibilite a {
  color: #000000;
  font-weight: bold;}

#entete_accessibilite span.phantom {
  display: inline;
  visibility: hidden;}
  
#link_acc3,#link_acc4,#link_acc5 {
  display:none;}

a#link_acc7 {
  color: #FF0000;}
	
#Form_Recherche {
  position: absolute;
  margin-top: 90px;
  z-index: 60;}
	
#Form_Recherche legend {
  display: none;}
	
#Form_Recherche fieldset {
  border: 0px;}

#Form_Recherche input {
  font-size: 90%;}
	
#cig_suggests {
  display: none;
  position: absolute;
  max-height: 250px;
  font-size: 80%;
  margin-top: 1.5em;
  _height: expression(this.scrollHeight > 250 ? "250px" : "auto");
  overflow: auto;
  border: 3px solid #c10435;
  padding: 3px;
  color: #000000;
  background-color: #FFFF99;
  background-image: url(/images/button_close.png);
  background-repeat: no-repeat;
  background-position: top right;
  z-index: 60;}
	
#cig_suggests li {
  border-top: 1px solid gray;
  clear: both;
  cursor: pointer;}

#cig_suggests a {
  display: block;
  padding-top: 3px 0px 3px 3px;
  text-decoration: none;}

#cig_suggests .terms {
  float: left;
  width: 200px;} 

#cig_suggests .results {
  padding-left: 5px;}

/* --------------------------------------
----------- BANDEAU ---------------------
 --------------------------------------*/
#Bandeau h1 {
  background-image: url(/images/batiment2.JPG);
  background-repeat: no-repeat;
  height: 160px;    
  font-size: 100%;}
	
#Bandeau h1 img {
  visibility: hidden;}
	
#Bandeau h1 a {
  display: block;
  background-image: url(/images/logo_cig.GIF);
  background-repeat: no-repeat;
  background-position: 360px 5px;
  height: 137px;}
	
#Bandeau h1 span {
  display: block;
  font-size: 90%;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 2px 10px 5px 10px;
  font-weight: normal;
  color: #666666;
  background-image: url(/images/fondTVgris.jpg);}
	
/* -------------------------------------
--------------- MENU -------------------
---------------------------------------*/
#Barre_Menu {
  background-image: url(/images/decodroite.gif);
  _background-image: none;
  padding-top: 180px;}
		
#Barre_Menu h2 {
  display: none;}
	
#Barre_Menu h3 {
  font-size: 100%;
}

#Barre_BIP input {
  display: none;}
	
#Menu1,#Menu1_actif,#Menu2,#Menu2_actif,#Menu3,#Menu3_actif,#Menu4,#Menu4_actif,#Menu5,#Menu5_actif,#Menu6,#Menu6_actif {
  background-image: url(/images/Accueil_OFFv2.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  display: block;
  height: 65px;
  width: 26%;
  margin-left: 5px;
  margin-top: 5px;
  text-decoration: none;
  position: relative;
  border: 1px solid black;
  background-color: #EEEEEE;
  position: absolute;}
	
#Menu1,#Menu1_actif {
  background-image: url(/images/Accueil_OFFv2.jpg);  
  left: 6%;
  top: 200px;}
	
#Menu2,#Menu2_actif {
  background-image: url(/images/FPT_bt_OFF_V2.jpg);
  left: 37%;
  top: 200px;}
	
#Menu3,#Menu3_actif {
  background-image: url(/images/CONCOURS_bt_OFF_V2.jpg);
  left: 67%;
  top: 200px;}
	
#Menu4,#Menu4_actif {
  background-image: url(/images/EMPLOI_bt_OFF_V2.jpg);
  left: 6%;
  top: 275px;}
	
#Menu5,#Menu5_actif {
  background-image: url(/images/PUBLICATIONS_bt_OFF_V2.jpg);
  background-position: -5px 0px;
  left: 37%;
  top: 275px;}
	
#Menu6,#Menu6_actif {
  background-image: url(/images/CIG_bt_OFF_V2.jpg);
  left: 67%;
  top: 275px;}

#Menu1:hover,#Menu1_actif {
  background-image: url(/images/Accueil_ONv2.jpg) !important;}
	
#Menu2:hover,#Menu2_actif {
  background-image: url(/images/FPT_bt_ON_V2.jpg);}
	
#Menu3:hover,#Menu3_actif {
  background-image: url(/images/CONCOURS_bt_ON_V2.jpg);}
	
#Menu4:hover,#Menu4_actif {
  background-image: url(/images/EMPLOI_bt_ON_V2.jpg);}
	
#Menu5:hover,#Menu5_actif {
  background-image: url(/images/PUBLICATIONS_bt_ON_V2.jpg);
  background-position: -5px 0px;}
	
#Menu6:hover,#Menu6_actif {
  background-image: url(/images/CIG_bt_ON_V2.jpg);}

#Menu1_li a,.lienAccueil, #Menu1 {
  color: #528789 !important;}
	
#Menu1:hover, #Menu1_actif {
  background-color: #528789;
  color: #FFFFFF !important;}
	
#Menu2_li a,.lienAccueil, #Menu2 {
  color: #6c1b72 !important;}
	
#Menu2:hover, #Menu2_actif {
  background-color: #6c1b72;
  color: #FFFFFF !important;}
	
#Menu3_li a,.lienAccueil, #Menu3 {
  color: #739902 !important;}
	
#Menu3:hover, #Menu3_actif {
  background-color: #739902;
  color: #FFFFFF !important;}
	
#Menu4_li a,.lienAccueil, #Menu4 {
  color: #c10435 !important;}
	
#Menu4:hover, #Menu4_actif {
  background-color: #c10435;
  color: #FFFFFF !important;}
	
#Menu5_li a,.lienAccueil, #Menu5 {
  color: #fd4703 !important;}
	
#Menu5:hover, #Menu5_actif {
  background-color: #fd4703;
  color: #FFFFFF !important;}
	
#Menu6_li a,.lienAccueil, #Menu6 {
  color: #328bc0 !important;}
	
#Menu6:hover, #Menu6_actif {
  background-color: #328bc0;
  color: #FFFFFF !important;}
	
#Menu1_actif span, #Menu1 span,#Menu2 span,#Menu2_actif span,#Menu3 span,#Menu3_actif span,#Menu4 span,#Menu4_actif span,#Menu5 span,#Menu5_actif span,#Menu6 span,#Menu6_actif span {
  position: relative;
  top: 20px;
  font-weight: normal;	
  font-size: 1em;
  padding: 2px 4px 2px 25px;
  margin-left: 50px;
  text-decoration: underline;}

#Barre_Menu li {
  display: inline;
  padding: 0px 8px 4px 8px;
  float: right;
  background-color: #EEEEEE;
  border: 1px solid gray;
  margin-right: 5px;
  margin-bottom: 5px;}
	
#Barre_BIP {
  padding-left: 10px;
  padding-top: 10px;}
   	
/* -----------------------------------------
----------- CORPS DU TEXTE -----------------
------------------------------------------*/
#Corps a {
  text-decoration: underline !important;}
	
#Corps a:hover {
  text-decoration: overline underline !important;}
	
#Corps {
  margin-top: 10px;
  padding: 10px 15px 50px 15px;
  clear: both;
  border-top: 3px solid #528789;
  _height: 500px;}
	
#Corps h1 {
  font-weight: normal !important;
  font-size: 90% !important;
  text-decoration: underline overline;
  font-style: italic;
  margin-bottom: 50px !important;}
  
/* ----------------------------------
-------------- BAS DE PAGE ----------
-----------------------------------*/
#loader {
  display: none;}
	
#Footer {
  border-top: 3px solid #528789;
  padding: 10px;
  font-size: 80%;
  text-align: center;
  font-weight: bold; 	
  background-color: #EEEEEE;
  line-height: 133%;
  clear: both;}

#Footer ul {
  display: inline;}

#Footer li {
   display: inline;
   padding: 0px 5px 0px 5px;}

#Footer2 {
  background-image: url(/images/decodroite.gif);
  text-align: left;
  border: 1px dotted #999999;
  margin-bottom: 3px;
  padding: 2px 5px 2px 5px;}

/* ----------------------------------------
--------------- CLASSES -------------------
------------------------------------------*/
hr.phantom, span.phantom {
  display: none;}
	
.texteSouligne {
  text-decoration: underline;
  background-color: #EEEEEE;}

.texteNormal {}

.texteItalique, em {
  font-style: italic;}

.texteGras, strong {
  font-style: normal;
  font-weight: bold;}

.texteGris {
  color: #AAAAAA;}

.texteSmall {
  font-size: 85%;}

.lienInterne:after {
  content: " "url(../images/intern.png);}

.lienExterne:after {
  content: " "url(../images/extern.png);}

.lienPDF:after {
  content: " "url(../images/pdf2.png);}

.lienPopup:after {
  content: " "url(../images/pop_up.png);}

.lienMail:after {
  content: " "url(../images/button_mail_small.png);}

#Footer3:after {
  content: "Légende: "url(../images/extern.png)" => lien vers un site extérieur au CIG, "url(../images/intern.png)" => lien interne, "url(../images/pdf2.png)" => lien vers un fichier PDF, "url(../images/button_mail_small.png)" => lien vers une adresse e-mail, "url(../images/pop_up.png)" => lien ouvrant une nouvelle fenêtre du navigateur";}

.Cadre, .CadreCentre {
  border: 1px solid #999999;
  background-color: #EEEEEE;
  padding: 10px;
  margin: 10px;}

.CadreVide {
  padding: 10px;
  margin: 10px;}

.CadreCentre, .Centrer {
  text-align: center;}

.Flottant {
  float:right;
  width: 300px;
  margin: 10px 0px 5px 20px;}

.Info, .Aide, .Erreur, .Attention {
  background-position: 4px 4px;
  background-repeat: no-repeat;
  background-color: #EEEEEE; 
  padding: 10px;
  margin: 10px;
  text-indent: 20px;}

.Info {
  background-image: url(../images/button_info.png);
  border: 1px dotted #CCCCCC;
  margin: 15px 10px 15px 10px;}
	
.Aide {
  background-image: url(../images/button_help.png);	
  border: 1px solid #000099;	   
  color: #000099;	  
  margin: 25px 10px 15px 10px;}
	
.Erreur {
  background-image: url(../images/button_warn.png);
  border: 1px solid #FF0000;
  color: #FF0000;
  font-weight: bold;}
	
.Attention {
  background-image: url(../images/attention.png);
  border: 1px solid #FF0000;
  line-height:150%;}
	
.Form caption {
  border-bottom: 1px solid #000099;
  font-variant: small-caps;
  font-weight: bold;
  padding: 2px;}
	
.Form th {
  padding: 2px;
  text-align: right;}
	
.Form td {
  padding: 2px;
  border: 0px;}
	
/* -----------------------------------
-------------- AUTRES ----------------
-------------------------------------*/
#Colonne {
  width: 30% !important;
  margin-left: 40px !important;
  margin-top: 20px !important;}
	
.colonne1, .colonne2, .colonne3 {
  width: 32% !important;}
    
.colonne3 {
  margin-left: 64% !important;}
  
#Corps .h2Colonne_concours, #Corps .h2Colonne_emploi, #Corps .h2Colonne_cig, #Corps .h2Colonne_publications {
  background-image: none;}