/* ===================================================== */
/* TAGS Génériques                                       */
/* ===================================================== */
HTML { font-family: Arial, sans-serif; }
BODY { font-family: Arial, sans-serif; background-color: #a6a6a6; font-size: 0.8em; color: #3366CC; margin: 0; padding: 0; }

TABLE { font-size: 0.9em; }
A { text-decoration: none; }
A:HOVER { text-decoration: underline; }
P { margin: 0; }

/* ===================================================== */
/* Bandeau du haut de page                               */
/* ===================================================== */
#bandeau { background-image: url('igefi_01/fond_bandeau.jpg'); width: 680px; height: 147px; background-repeat: no-repeat; position: relative; }

#b_contenu { color: #666666; font-weight: bold; position: absolute; top: 35px; left: 165px;}
#b_titre { font-size: 22px; width: 460px; color: #c40216; position:absolute; top: 0px; left: 35px; }
#b_sstitre { font-size: 18px; width: 400px; color: #c40216; position:absolute; top:28px; left: 35px; }

/* ===================================================== */
/* Menu principal                                        */
/* ===================================================== */
#menu { color: #FFFFFF; font-weight: bold; position: absolute; top: 113px; left: 16px; font-size: 11px; width: 570px; height: 29px; }
#menu UL { margin: -4px 0 0 0; padding: 0; }
#menu LI { display: inline; margin: 0; vertical-align: middle; }
#menu A { text-decoration: none; color: #FFFFFF; padding: 9px 5px 7px 5px; margin: 0 0 0 2px; height: 28px; }
#menu A.off { background-color: #3366CC; }
#menu A.off:HOVER { background-color: #457AE5; }
#menu A.on { background-color: #457AE5; }
#menu A.on:HOVER { background-color: #3366CC; }

/* BUG Compatibilité IE/FF pour le menu */
#menu>UL { margin-top: 5px; }
#menu>UL>LI>A { padding-top: 5px; }

/* ===================================================== */
/* DIV principale                                        */
/* ===================================================== */
#contenu, #contenu_h { background-image: url('igefi_01/fond_contenu.gif'); width: 680px; background-repeat: repeat-y; position: relative; }
#bas_de_page { background-image: url('igefi_01/fond_contenu.gif'); width: 680px; height: 20%; background-repeat: repeat-y; position: relative; }

/* ===================================================== */
/* Sous Menu                                             */
/* ===================================================== */
#ssmenu { background-image: url('igefi_01/fond_ssmenu.gif'); background-repeat: repeat-x; font-weight: bold; position: relative; top: 0; left: 16px; font-size: 11px; width: 663px; height: 33px; }
#ssmenu UL { margin: 0; padding: 0; }
#ssmenu LI { display: inline; margin: 0; vertical-align: middle; }
#ssmenu A { text-decoration: none; color: #FFFFFF; padding: 5px; margin: 0 0 0 2px; }
#ssmenu A.off { border-bottom: 3px solid #FFFFFF; }
#ssmenu A.off:HOVER { border-bottom: 3px solid #3366CC; }
#ssmenu A.on { border-bottom: 3px solid #3366CC; }
#ssmenu A.on:HOVER {border-bottom: 3px solid #FFFFFF; }

/* ===================================================== */
/* Class par défaut à appliquer aux images d'illustr.    */
/* ===================================================== */
.col_imgA { display: none; }
.col_imgB { display: none; }

/* ===================================================== */
/* Images d'illustr. spécifiques à chaque page           */
/* ===================================================== */
#col_imgA100 { background-image: url('igefi_01/illustration.jpg'); width: 130px; height: 177px; background-repeat: no-repeat; display: block; }

/*
	Remarques concernant les images :
	Pour afficher une image sur une page donnée, repérez son Id
	et insérez le code CSS suivant :
	#col_imgAXXXX { background-image: url('igefi_01/[NomImage]'); width: 130px; height: 177px; background-repeat: no-repeat; display: block; }
	Remplacez XXXX par l'Id de votre page ou de votre texte
		Pour info :
			- Les Id<100 concernent les images affichées en face des textes (exemple : conditions générales)
			- Les Id>99 concernent les images affichées dans les pages des sites
	Remplacez [NomImage] par le nom de votre image (le dossier ihedrea/ fait référence au dossier /admin_ipej/style/site/img )
	et pensez à ajuster la hauteur et la largeur de votre image
	
	Un 2ème emplacement image après le texte de la colonne est accessible via le code CSS #col_imgBXXXX
	
	Pour insérer la même image par défaut sur toutes les pages, modifiez la class .col_imgA ou .col_imgB pour le 2ème emplacement image
*/

/* ===================================================== */
/* Références CSS spécifiques à la HomePage              */
/* ===================================================== */
#ssmenu_h { display: none; }
#c_position_h { position: relative; left: 34px; width: 627px; padding-top: 10px; }
#contenu_h h1, #contenu_h h2, #contenu_h h3 { display: none; }
#c_hors_texte_h { border: 1px solid #3366CC; padding: 5px; margin-bottom: 10px; }
#c_hors_texte_h h6 { text-align: center; width: 18%; float: left; padding: 0; margin: 0; font-size: 1.4em; color: #3366CC; font-weight: bold; font-family: Arial Black, Arial, sans-serif; }
#c_hors_texte_h p { padding: 0; margin: 0 0 0 19.5%;}


/* Positionnement des colonnes */
#c_colonne_h { float: left;  width: 130px; font-size: 0.95em; }
#c_main_colonne_h { width: 480px; margin-left: 144px; }

/* ===================================================== */
/* Références CSS spécifiques aux pages internes         */
/* ===================================================== */

/* Div de positionnement */
#c_position { position: relative; left: 24px; width: 645px; }

/* Titrailles */
#contenu h1 { font-size: 1.6em; color: #c40216; font-weight: bold; margin: 0; margin-left: 24px; }
#contenu h2 { font-size: 0.85em; color: #c40216; font-weight: bold; margin: 0; margin-left: 24px; }
#contenu h3 { font-size: 1.3em; color: #c40216; font-weight: bold; margin: 10px 0 0 44px; }

/* Positionnement des colonnes */
#c_colonne { float: right; width: 130px; font-size: 0.85em; }
#c_colonne h6 { font-size: 1em; color: #2B6497; font-weight: bold; margin: 0; }
#c_main_colonne { width: 480px; margin-left: 20px; }

/* Attributs des emplacements des textes satellites */
#c_hors_texte { display: none; }
#c_avant_texte { width: 430px; padding: 10px; margin-bottom: 10px; background-color: #EBEDF2; }
#c_avant_texte h6 { font-size: 1.2em; color: #2B6497; margin: 0; font-family: Arial Black, Arial, sans-serif; }
#c_apres_texte { width: 430px; padding: 10px; margin-bottom: 10px; margin-top: 10px; background-color: #EBEDF2; }
#c_apres_texte h6 { font-size: 1.2em; color: #2B6497; margin: 0; font-family: Arial Black, Arial, sans-serif; }

/* Contenus */
#c_texte { background-color: #f2f9ff; width: 480px; }
#c_texte_contenu { padding: 0 15px 0 15px; }
#lien_suivant { float: right; margin: 10px; background-image: url('igefi_01/lien_suivant.gif'); background-repeat: no-repeat; background-position: right; }
#lien_suivant A {
	color: #3366CC; padding-right:20px; 
}

/* Encadrement */
#c_texte_haut { background-image: url('igefi_01/txt_haut.gif'); width: 480px; height: 15px; background-repeat: no-repeat; }
#c_texte_bas { background-image: url('igefi_01/txt_bas.gif'); width: 480px; height: 15px; background-repeat: no-repeat; clear: both; }

/* Pied de page */
#c_separateur { background-image: url('igefi_01/separateur.gif'); width: 480px; height: 10px; background-repeat: no-repeat; }
#c_liens { width: 480px; height: 40px; text-align: right; }
#c_liens UL { margin: 0; padding: 0; display: inline; }
#c_liens LI { display: inline; margin: 0; vertical-align: middle; }
#c_liens A { font-size: 0.85em; color: #3366CC; padding: 3px; margin: 0 2px 0 0; }

/* Classes diverses */
.liste_formation { margin: 0; padding: 0; font-size: 0.95em; list-style-type: none; }
.liste_formation LI { margin-bottom: 5px;}
.liste_formation A { color: #3366CC; }

.spacer { clear: both; height: 1px; width: 1px; padding: 0; margin: 0; }
A.no_line:HOVER { text-decoration: none; }

/* ===================================================== */
/* Formulaires                                           */
/* ===================================================== */

/* Recruteur */
.Frecruteur { margin-top: 10px; margin-bottom: 10px; }
.Frecruteur FIELDSET { margin-bottom: 10px }
.Frecruteur LEGEND { font-weight: bold; }
.Frecruteur LABEL { display: inline; float: left; width: 8em; clear: both; }
.Frecruteur INPUT { font-size: 11px; }
.Frecruteur SELECT { font-size: 11px; }
.Frecruteur TEXTAREA { font-size: 11px; }
.Frecruteur .checkbox_group { margin-left: 8.3em; }
.Frecruteur #btn_envoi { text-align: center; margin: 5px; }
.Frecruteur .needed { color: #3366CC; }
.Frecruteur .label { }
.Frecruteur .aide { font-size: 0.8em; } /* aide des groupes de champs */
.defaultInput { width: 300px; }
.Frecruteur .defaultInput { width: 310px; }

/* Inscription */
.Finscription { margin-top: 10px; margin-bottom: 10px; }
.Finscription FIELDSET { margin:10px 0px 10px 0px; padding:10px 5px 5px 5px; }
.Finscription LEGEND { font-weight: bold; color: #3366CC}
.Finscription LABEL { display: inline; float: left; width: 8em; clear: both; }
.Finscription INPUT { font-size: 11px; margin:2px 0;}
.Finscription SELECT { font-size: 11px; margin:2px 0;}
.Finscription TEXTAREA { font-size: 11px; margin:2px 0;}
.Finscription .checkbox_group { margin-left: 8.3em; margin:2px 0;}
.Finscription #btn_envoi { text-align: center; margin: 5px; }
.Finscription .needed { color: #3366CC; }
.Finscription .label { }
.Finscription .aide { font-size: 0.8em; } /* aide des groupes de champs */
.Finscription .defaultInput { width: 310px; }