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

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

/* ===================================================== */
/* Bandeau du haut de page                               */
/* ===================================================== */
#bandeau { background-image: url('esad2010/bdh.jpg'); width: 680px; height: 147px; background-repeat: no-repeat; position: relative; }
/*
#b_logo { background-image: url('cefam_bba/logo.gif'); width: 115px; height: 80px; background-repeat: no-repeat; position: absolute; top: 21px; left: 12px; }
*/
#b_contenu { color: #666666; font-weight: bold; position: absolute; top: 35px; left: 165px;}
#b_titre {
	color:#000000;
font-size:20px;
margin-left:40px;
position:absolute;
top:0;
width:300px;
}
#b_sstitre {
color:#000000;
font-size:16px;
line-height:24px;
margin-left:40px;
position:absolute;
top:23px;
width:330px;
}

/* ===================================================== */
/* Menu principal                                        */
/* ===================================================== */
#menu { color: #f16601; 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: #000000; }
#menu A.off:HOVER { background-color: #f16601; }
#menu A.on { background-color: #f16601; }
#menu A.on:HOVER { background-color: #000000; }

/* 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('esad2010/fond_contenu.gif');
	width: 680px;
	background-repeat: repeat-y;
	position: relative;
}
/*#bas_de_page { background-image: url('EPSI_consultant-sap-erp_mars2010/fond_contenu.gif'); width: 680px; height: 20%; background-repeat: repeat-y; position: relative; }*/

/* ===================================================== */
/* Sous Menu                                             */
/* ===================================================== */
#ssmenu { background-image: url('esad2010/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 #677e6a; }
#ssmenu A.on { border-bottom: 3px solid #677e6a; }
#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('esad2010/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('cefam_bba/[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 cefam_bba/ 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 #f16601; padding: 5px; margin-bottom: 5px; }

#c_hors_texte_h p {
	position: relative;
	right: 70px;
}

#c_hors_texte_h h6 { text-align: center; width: 18%; float: left; padding: 0; margin: 0; font-size: 1.4em; color: #663333; 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: #000000;
	font-weight: bold;
	margin-left: 38px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}
#contenu h2 {
	font-size: 17px;
	color: #f16601;
	margin-left: 38px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}
#contenu h3 { font-size: 1.3em; color: #091648; 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: #FFFFFF; }
#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: #ffffff; width: 626px; color:#000000; font-family:Arial, Helvetica, sans-serif; position: relative; }
#c_texte_contenu { padding-top: 0; padding-right: 15px; padding-bottom: 0; padding-left: 15px; }
#lien_suivant { float: right; margin: 10px; background-image: url('esad2010/lien_suivant.gif'); background-repeat: no-repeat; background-position: right; }
#lien_suivant A { color: #104d83; padding-right:20px; }

/* Encadrement*/ 
#c_texte_haut { width: 480px; height: 15px; background-repeat: no-repeat; }
#c_texte_bas { width: 480px; height: 15px; background-repeat: no-repeat; clear: both; } 

/* Pied de page */
#c_separateur { background-image: url('esad2010/noimage.gif'); width: 480px; height: 1px; background-repeat: no-repeat; text-align:center }
/*#c_liens { width: 480px; height: 1px; text-align: right; }*/

#c_liens { width: 630px; 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: #000000; 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: #104d83; }

.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; border-color:#999999; border-style:solid; border-width:1px; }
.Frecruteur LEGEND { font-weight: bold; color: #f16601}
.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: #f16601; }
.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; border-color:#999999; border-style:solid; border-width:1px; }
.Finscription LEGEND { font-weight: bold; color: #f16601}
.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: #f16601; }
.Finscription .label { }
.Finscription .aide { font-size: 0.8em; } /* aide des groupes de champs */
.Finscription .defaultInput { width: 310px; }