HTML { FONT-FAMILY: Arial, sans-serif; padding: 0; margin: 0; }
BODY { font-family: Arial, sans-serif; padding: 0; margin: 0; background-color: #777777; }

A { text-decoration: none; color: #FF9600; }
A:HOVER { text-decoration: none; color: #FFFFFF; background-color: #FF9600; }

.On { display: block; }
.Off { display: none; }

#main { padding: 0; margin: 0; width: 720px; }

#bandeau { height: 98px; background: url("img/bandeau.jpg"); }

#menu { height: 20px; background-color: #FF9600; border-bottom: 5px solid #777777; vertical-align: middle;}
#menu A.item { margin-left: 10px; font-size: 12px; font-weight: bold; color: #FFFFFF;}
#menu A.item:HOVER { text-decoration: underline; }

#index, #contact, #partenaires, #infos_legales { font-size: 0.8em; padding-top: 0px; background-color:white; padding-left: 15px; }
#formations, #actualites, #sites_ipej {font-size: 0.8em; padding-top: 0px; background-color:white;}

.small { font-size: 0.7em; }
TABLE { font-size: 0.9em; }
H1 { font-size: 1.6em; padding-top: 10px; margin: 0; color: #f67707; }
H2 { font-size: 1.2em; margin: 0; padding-top: 10px; color: black; }
#hp_col1 { width: 450px; padding-top: 10px;}
#hp_col2, #hp_col2_alt { width: 250px; float: right; font-size: 1.2em; font-weight: bold; text-align: center; position: relative; left: 8px;}
#hp_col2 A { font-size: 0.7em; font-weight: bold; display: block; padding: 5px; border: 1px solid black; width: 200px; color: white; background-color: #FF9600; margin-top: -8px;}
#hp_col2 A:HOVER { color: #FF9600; background-color: transparent; }


#index #hp_col2 {background: url(/img/photo.jpg); background-repeat: no-repeat; background-position: top; padding-top: 215px;}
#actus {padding-top: 20px;}
#actus p {padding: 0 5px 8px 5px; color: #5e5e5e; background-color: #faf9f8; background: url(/img/coin_bas.gif); background-repeat: no-repeat; background-position: bottom left;}
#index h3 {padding: 5px 0 0 5px; background-color: #faf9f8; background: url("img/coin_haut.gif"); background-repeat: no-repeat;}


#formations #hp_col1, #actualites #hp_col1 {color: #5e5e5e; text-align: justify;}
#formations>#hp_col1, #actualites>#hp_col1, #sites_ipej>#hp_col1  {padding-left: 250px; color: #5e5e5e; text-align: justify;}

#formations>#hp_col1_alt, #actualites>#hp_col1_alt {padding-left: 250px; color: #000000; text-align: justify;}
#formations #hp_col1_alt {padding-left: 250px; color: #000000; text-align: justify; margin-right: 20px;}
#formations #hp_col1_alt h1, #actualites #hp_col1_alt h1, #infos_legales h1, #partenaires h1  {padding-top: 20px; padding-bottom: 20px}

#formations #hp_col2 {float: left; background: url(/img/formations.jpg); background-repeat: no-repeat; background-position: top left; height: 330px; position: relative; left: 0px;}
#formations #hp_col2_alt {float: left; background: background-repeat: no-repeat; background-position: top left; height: 330px; position: relative; left: 0px;}
#formations #hp_col2_alt img {margin-top: 20px;}

#actualites>#hp_col1_alt {padding-left: 250px; color: #000000; text-align: justify;}
#actualites #hp_col1_alt {padding-left: 250px; color: #000000; text-align: justify; margin-right: 20px;}

#actualites #hp_col2 {float: left; background: url(/img/actualites.jpg); background-repeat: no-repeat; background-position: top left; height: 330px; position: relative; left: 0px;}
#actualites p {color: black;}
#actualites a {font-size: 0.7em;}
#actualites #hp_col1_alt a {font-size: 1em;}

#sites_ipej #hp_col2 {float: left; background: url(/img/infoprescripteurs.jpg); background-repeat: no-repeat; background-position: top left; height: 1200px; position: relative; left: 0px;}

#contact {padding-top: 10px;}

#sous_titre { font-size: 0.8em; margin: 0; }
P { color: #5e5e5e; margin: 0; margin-bottom: 1.5em; font-size: 12px; text-align:justify;}
H3 { font-size: 1em; margin: 0; color: black; padding: 0; background-color: #faf9f8; }
#fiche_url { font-size: 1.2em; }

#intro {color: black;}

hr {clear:both; visibility:hidden;}

#pied_de_page { font-size: 11px; clear: both; padding-bottom: 10px; margin-top: -10px;}
#pied_de_page A.item { color: #000000; }
#pied_de_page A.item:HOVER { color: #FF9600; background-color: transparent; }

/* ===================================================== */
/* 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: #FF0000; }
.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-bottom: 10px; }
.Finscription LEGEND { font-weight: bold; }
.Finscription LABEL { display: inline; float: left; width: 8em; clear: both; }
.Finscription INPUT { font-size: 11px; }
.Finscription SELECT { font-size: 11px; }
.Finscription TEXTAREA { font-size: 11px; }
.Finscription .checkbox_group { margin-left: 8.3em; }
.Finscription #btn_envoi { text-align: center; margin: 5px; }
.Finscription .needed { color: #FF0000; }
.Finscription .label { }
.Finscription .aide { font-size: 0.8em; } /* aide des groupes de champs */
.Finscription .defaultInput { width: 310px; }

/* ===================================================== */
/* Mettre les nouveaux style ci dessous avec la date et le nom de qui fait la modif
/* ===================================================== */

/* Ajout Mars 2007 : EP */
.lnk_savoir_plus { text-align: right; display: block; width: 100%; font-size: 0.8em;}

/* Ajout 16 Mars 2007 : YB */
#ctn_col2 {padding-top: 330px; margin-left: -10px;}

/* Ajout 21 Mars 2007 : YB */
#partenaires, #infos_legales {padding-right: 15px;}
#info_legales p {color: black;}