body { color:#333333; font-family: Arial, Helvetica, sans-serif; font-size:9pt; margin: 0; padding: 0; background-color:#FFFFFF; background-image:url(../images/arp-site.jpg); background-repeat:repeat-x; text-align:center; }
table { font-size:1em; padding:0; margin:0; font-style: normal; }
p { margin: 0px; font-style:normal; font-weight:normal }
.p50 { margin: 5px 0 0 0; }
form { margin:0; }
.textegris { color:#666666; font-size:0.9em; }
.imagecadre { border:3px solid #CCCCCC; }
.imageleft { float:left; margin: 0 10px 10px 0; }
.imageright { float:right; margin: 0 0 10px 10px; }
.cadrelogo { margin: 5px 5px 0 0; height: 100px; width: 100px; border: 1px solid #666666; padding:0; text-align:center; }
.cadrelogo img { margin: auto; }
.rouge { color:#ff0000; font-weight:bold; }
.blanc { color:#fff; font-weight:bold; }
/* ---- Style de liste --- */
.pliste { border:1px dotted #cccccc; padding: 10px; margin: 5px 0 5px 0; }
.pliste:hover { background-color:#f0f0f0; }
/* ---- Style IMPORTANT ---- */
.pimportant { background: #fff5ef url(../images/arp-alert.gif) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ padding:10px 10px 10px 50px; margin:5px 0; border: 1px dotted #fedbc5; color: #cc0000; }
.pimportant .big { font-size: 1.2em; color:#990000; }
/* ---- Style vert ---- */
.pvert { padding:10px; margin:5px 0; background-color:#efffe9; border: 1px dotted #a3d9a3; }
/* ---- Style de bo�te de connexion ---- */
.pconn { border:1px solid #ccc; padding: 10px 0; margin: 0 0 3px 0; background-color: #f2f2f2; }
.pconn .espace { background-color: #006699; padding: 10px; margin: 0 5px 0 0; color: #ffffff; font-weight: bold; }
/* ----- Style paragraphe footer ---- */
.pfooter { padding:10px; margin-top:25px; border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; width:500px; }
/* ----- BOX page d'accueil ----- */
.box_index_employeur_fr { width:206px; height:232px; background-image:url(../images/box-employeur-arp.jpg); background-repeat:no-repeat; float:left; }
.box_index_employeur_fr p { margin:123px 13px 0 13px; }
.box_index_candidats_fr { width:206px; height:232px; background-image:url(../images/box-candidats-arp.jpg); background-repeat:no-repeat; float:left; }
.box_index_candidats_fr p { margin:123px 13px 0 13px; }
.box_index_lastjobs,
.box_index_lastjobs_hot { width:173px; height:200px; background-repeat:no-repeat; float:left; overflow:auto; }
.box_index_lastjobs h1,
.box_index_lastjobs_hot h1 { color:#f57401; font-style:normal; font-weight: bold; font-size:1em; margin: 0 0 15px 10px; padding: 0; border:0; font-family: Arial, Helvetica, sans-serif; }
.box_index_lastjobs p,
.box_index_lastjobs_hot p { margin:0 10px; }
.box_index_lastjobs a:link,
.box_index_lastjobs a:visited,
.box_index_lastjobs a:active,
.box_index_lastjobs_hot a:link,
.box_index_lastjobs_hot a:visited,
.box_index_lastjobs_hot a:active { color:#333; }
.box_index_lastjobs a:hover,
.box_index_lastjobs_hot a:hover { color:#f57401; background:none; text-decoration: underline; }
/* Seule diff�rence entre les deux boxes est le background */
.box_index_lastjobs { background-image:url(../images/arp-dernieres-offres.jpg); }
.box_index_lastjobs_hot { background-image:url(../images/arp-dernieres-offres-hot.jpg); }
/* ----- Tableau des etapes ----- */
.tabetapes { color:#ffffff; }
.tabetapes .titre { font-weight: bold; font-size:1.1em; padding:5px; margin:0 0 3px 0; background-image:url(../images/arp-noir-transparent.png); }
/* ----- les liens ----- */
a:link,
a:visited,
a:active { color: #006699; text-decoration: underline; }
a:hover { color: #ffffff; text-decoration: none; background-color: #3399CC; }
.agris:link,
.agris:visited,
.agris:active { color: #666666; text-decoration: none }
.agris:hover { color: #000000; text-decoration: underline; background-color: #f0f0f0; }
.aorange:link,
.aorange:visited,
.aorange:active { color: #f57401; text-decoration: none }
.orange:hover { color: #000; text-decoration: none }
/* ----- Le menu horizontal */
.menuh { position:relative; float:right; margin:30px 0 10px 0; padding:0; }
.menuh ul { list-style: none; padding: 0px; margin: 0px; text-align: right; }
.menuh li { display:inline; }
.menuh a:link,
.menuh a:active,
.menuh a:visited { float:left; display: block; color: #103fa1; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:1em; font-style:normal; padding: 8px; margin:0 2px 0 0; }
.menuh a:hover { background-color: #e3eaf9; text-decoration: none; }
/* ----- Le menu vertical */
.menuv { float:none; margin:0; padding:0; width:100%; }
.menuv ul { list-style: none; padding: 0px; margin: 0px; text-align: left; }
.menuv li { border-bottom:1px solid #ffffff; margin-bottom:0; padding:0; }
.menuv strong { display: block; background-color:#3399CC; color: #ffffff; text-decoration: none; font-size:1em; font-weight:bold; padding: 3px 5px; border-bottom:1px solid #2c92c5; margin: 0px; }
.menuv a:link,
.menuv a:active,
.menuv a:visited { display: block; background-color:#dbe8f4; color: #01608e; text-decoration: none; padding: 3px 5px; border-bottom:1px solid #86c2e0; margin: 0px; }
.menuv a:hover { background-color: #0270a5; color: #ffffff; text-decoration: none; }
.menuv h1 { /* Titre sur les menus de droite */
	color:#86c2e0; font-style:normal; font-weight: bold; font-size:1.2em; margin: 0 0 3px 0; padding: 0; border: 0px; }
/* ----- Les titres */

h1 { /* Grand bleu */ color:#1a50bc; border-bottom:1px dotted #CCCCCC; font-family: Georgia, "Times New Roman", Times, serif; font-style:normal; font-weight: bold; font-size:1.3em; margin: 0 442px 20px 0; padding: 5px 0; }
h2 { /* Petit bleu */ color:#000000; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.2em; font-style:normal; font-weight: bold; margin: 0 0 5px 0; padding: 5px; background-color:#EEEEEE; border-left:5px #333333 solid; border-right:1px #333333 solid; }
.ref h2 { color:#333333; font-family: Arial, Helvetica, sans-serif; font-size:9pt; font-weight: bold; background-color:#FFFFFF; border:none; }
h3 { /* Grand orange */ font-family: Georgia, "Times New Roman", Times, serif; color:#f57401; font-size:1.2em; font-style:normal; font-weight: bold; padding: 0; margin: 0; }
h4 { /* Grand noir */ font-family: Georgia, "Times New Roman", Times, serif; color:#000000; font-size:1.2em; font-style:normal; font-weight:normal; margin: 0 0 4px 0; padding: 0; }
h5 { /* petit noir */ font-family: Georgia, "Times New Roman", Times, serif; color:#000000; font-size:1em; font-style:normal; font-weight:bold; margin: 0 0 4px 0; padding: 0; }
h6 { /* Compteur */ font-family: Georgia, "Times New Roman", Times, serif; color:#EE1F1F; font-size:1em; font-style:normal; font-weight: bold; margin:2px 0px 0 13px; padding: 0; }
/* ---- formulaires */
.form_site { margin:0; }
.form_site input { border:1px solid #cccccc; }
.form_site .input2 { border:0; }
.form_site p { margin:5px 0; }
/* ---- Le box xedit */
.xedit { border:#ff0000 1px solid; background-color: #FFF0F0; color:#ff0000; margin:10px 0; padding:10px; }
/* ---- photos du bas ---- */
.photos_bas div a { width:104px; height:104px; border:1px #dddddd solid; margin: 0 5px 5px 0; float: left; text-align: center; vertical-align: midlle; }
.photos_bas div a:hover { background: none; border:1px #000 solid; }
/* -------- tooltip ---------- */
#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85; text-align:left; font-size:1em; width:550px }
#tooltip h3 { font-family: Arial, Helvetica, sans-serif; color:#000; font-size:1em; font-style:normal; font-weight: normal; padding: 0; margin: 0; }
#tooltip div { margin: 0; }