body {
	padding: 0;
	margin: 0;
	background-color: #e3e3e3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
color: #494747
}

img {border: none}
h1 {padding: 0; margin: 0}
h2 {padding: 0; margin: 10px 0}
a:hover {text-decoration: underline}
a {text-decoration: none; color: #494747}
p {margin: 5px 0; padding: 5px 0}
div {text-align: justify}

.champ {font-size: 10px; border: 1px solid #b7b7b7; background: white url(../imgs/champ.gif) no-repeat top left;}
.lireSuite {color: #4698bb; font-weight: bold}
.nbPages {text-align: center; padding: 10px 0;}
.nbPages a {color: #4698bb}
.construction {margin-left: 160px}
.alert {background-color: #C0BFFF}
#log_mess {font-weight: bold; color: red; text-align: center}

.cache {display: none;}
.hidden {clear: both; visibility: hidden; padding: 0; margin: 0; height: 1px;}
.hidden2 {clear: both; visibility: hidden;}
.hidden3 {visibility: hidden}



.liste {list-style: none}
.liste a, .reperes li {
color: #494747;
padding-left: 13px;
background: transparent url(../imgs/fleche.gif) no-repeat 0 3px;
}

.titre1 {
height: 100%; /*IE6*/
font-size: 20px;
font-weight: bold;
color: #df591c;
padding: 2px 0 0 45px;
background: transparent url(../imgs/mini-logo.gif) no-repeat 0 0;
}

.titre2 {
color: #4698bb;
font-size: 16px;
padding: 5px 0 0 45px;
margin-bottom: 20px;
background: transparent url(../imgs/mini-logo.gif) no-repeat 0 0;
}

#conteneur {
position: relative;
margin: 0 auto;
padding-top: 207px;
width: 993px;
background: white url(../imgs/conteneur_fond.gif) repeat-y;
}

#contenu {padding: 0}

#colG {float: left; position:relative; left: 20px; width: 620px}
#colD {margin: 0 0 0 670px; width: 310px}

#entete {
position: absolute;
top: 0;
height: 207px;
width: 987px;
margin: 0 3px;	
background: white url(../imgs/top_fond.jpg) no-repeat top;
z-index: 5;
}

#logoSite {
	position: absolute;
	top: 2px;
	left: 5px;
}

.baseline {
position: relative;
top: 125px;
left: 5px;
width: 250px
}

#banTop {
	position: absolute;
	top: 7px;
	left: 258px;
	height: 90px;
	border: 1px solid #cccccc;
border-right: none
}

#menu {
	position: absolute;
	top: 171px;
	margin: 0;
	padding: 0;
	z-index: 3;
background: transparent url(../imgs/menu_fond.gif) repeat-x 0 0;
width: 709px;
}

#menu li
{
	float: left;
	list-style-type: none;
	text-align: center;
	width: 165px;
}
	
#menu li a {
	display: block;
	height: 27px;
	padding: 3px 0;
margin-left: 1px;
	color: white;
	text-decoration: none;
	font-size: 13px;
font-weight: bold;
line-height: 13px;
vertical-align: middle;
background: transparent url(../imgs/menu_onglet_fond.gif) repeat-x left top;
}

#menu li a.uneLigne {
height: 13px;
padding: 10px 0;
}

#sousMenu1, #sousMenu2, #sousMenu3, #sousMenu4 {
	position: absolute;
	top: 33px;
width: 166px;
background: transparent url(../imgs/sousmenu_fond2.gif) left bottom;
padding: 10px 0;
margin: 0;
}

#sousMenu1 {left: 0px}
#sousMenu2 {left: 165px}
#sousMenu3 {left: 330px}
#sousMenu4 {left: 495px}

#menu ul li {
text-align: left;
/*height: 20px;#########################*/
margin: 5px 8px;
}

#menu ul li ul {
padding: 0; margin: 0;
}

#menu ul li a:link, #menu ul li a:visited{
display: inline;
padding: 0;
background-image: none;
color: white;
font-size: 12px;
font-weight: normal;
}
	
#menu ul li a:hover{
text-decoration: underline
}

#entete .rss {position: absolute; top: 177px; left: 673px; z-index: 3}

#recherche {
	position: absolute;
	top: 152px;
	left: 725px;
	width: 232px;
	height: 42px;
	text-align: right;
	background: transparent url(../imgs/loupe.gif) no-repeat 0px 12px;
	z-index: 0;
}

input#champRecherche {
position: absolute;
top: 9px;
left: 35px;
width: 185px;
padding: 3px;
}

#validerRecherche {
	position: relative;
	top: 6px;
left: 25px;
}

#recherche .avancee {position: relative; top: 5px; left: -105px; font-size: 10px; color: #5199b8}

#entete .log {
position: absolute;
top: 120px;
left: 720px;
height: 28px;
width: 262px;
background: white url(../imgs/log_fond.gif) no-repeat 5px 0;
}

.log .identification, .log .abo {position: absolute; display: block; top: 6px; color: #5199b8; text-decoration: none; font-weight: bold; width: 100px; text-align: center}
.log .identification {left: 44px;}
.log .abo {left: 159px; color: #DF591C}

#ariane {margin: 10px 0}
#ariane a {color: #494747 !important}

/*pied*/
#pied {
position: relative;
top: 1px;
left: 3px;
/*height: 250px;*/
height: 342px;
width: 987px;
border-top: 1px solid #d7d6d6;
/*background: transparent url(../imgs/pied_fond.gif) repeat-x;*/
background: transparent url(../imgs/pied_fond2.gif) repeat-x;
}

#pied .decouvr1, #pied .decouvr2  {position: absolute; font-size: 14px; font-weight: bold; color: #df591c; left: 19px}
#pied .decouvr1 {top: 9px}
#pied .decouvr2 {top: 100px}

#pied .liste {
position: absolute;
top: 40px;
margin: 0;
padding: 0;
}
.li1 {left: 20px}
.li2 {left: 260px}
.li3 {left: 500px}
.li4 {left: 740px}

#pied .partenaire, #pied .partenaire2 {
position: absolute;
top: 130px;
padding-left: 10px;
width: 210px;
background: url(../imgs/fleche.gif) no-repeat 0 3px;
}
#pied .partenaire2{top: 230px;}

#pied .part1{left: 20px}
#pied .part2{left: 260px}
#pied .part3{left: 500px}
#pied .part4{left: 740px}

#pied .partenaire img, #pied .partenaire2 img {margin: 10px 0 0 33px; border: 1px solid #494747}

#pied p {
position: absolute;
/*top: 229px;*/
bottom: 3px;
right: 10px;
margin: 0;
padding: 0
}

#pied p a {color: white; margin-left: 10px}
/*-- Pied*/

.box1 {margin-bottom: 30px}

.box1 .titre {
height: 100%; /*IE6*/
font-size: 20px;
font-weight: bold;
color: #df591c;
padding: 2px 0 0 45px;
background: transparent url(../imgs/mini-logo.gif) no-repeat 0 0;
}

.box1 h2 a {
font-size: 14px;
font-weight: bold;
color: #494747
}

.box2 {
position: relative;
width: 626px;
margin-top: 30px;
background: transparent url(../imgs/box2_corps.gif) repeat-y;
}

.box2 .titre {background: transparent url(../imgs/box2_titre.gif) no-repeat;}

.box2 .titre h1 {
position: absolute;
top: -12px;
left: 70px;
margin: 0;
padding: 0;
font-size: 25px;
color: #4698bb;
}

.box2 .titre h2 {
padding: 20px 10px 15px 70px;
margin: 0;
font-size: 25px;
color: #df591c;
}

.box2 .padding {padding: 0 10px}

.box2 .pied{
font-size: 1px; /*IE6*/
height: 5px;
background: transparent url(../imgs/box2_pied.gif) no-repeat bottom left;
}

.box3 {
position: relative;
margin: 20px 0;
border: 1px solid #dfdbdb;
min-height: 100px;
height: auto !important ;
height: 100px;
}
.box3 .titre {
color: #4698bb ;
padding: 4px 0 ;
background-color: #dfdbdb;
}
.box3 .num {
float: left;
position: relative;
top: -2px;
width: 20px;
height: 18px;
margin: 0 5px;
padding: 2px 5px 0 0px;
font-weight: bold;
text-align: center;
color: white;
background: transparent url(../imgs/box3_num.gif) no-repeat 0 0
}
.box3 .titre  a{
display: block;
width: 360px;
font-size: 14px;
font-weight: bold;
color: #4698bb;
}
.box3 .secteur {
position: absolute;
top: 4px;
right: 5px;
}
.box3 .secteur span {color: #df591c}
.box3 .logo_entr {
float: left;
margin: 10px 0 0 40px;
border: 1px solid #4698bb
}
.box3 .coord {
margin: 8px 0 0 128px;
padding-left: 10px;
width: 350px;
line-height: 17px;
background: transparent url(../imgs/fleche.gif) no-repeat 0 3px;
}
.box3 .bouton {position: absolute; top: 45px; right: 20px}

.box3 .barre {
color: #4698bb;
background-color: #4698bb;
height: 1px;
border: 0;
}
.box3 .info {margin: 0 20px 20px 40px; line-height: 17px;}
.box3 .info span {font-weight: bold}
.box3 .info .contact1 {float: left; width: 250px}
.box3 .info .contact2 {margin-left: 270px}

.box4 h2 {color: #4698BB; font-size: 14px; border-bottom: 1px solid #4698BB;}
.box4 h3 {font-size: 13px; margin: 0;}
.box4 p {margin-top: 0}

.infoArticle {position: absolute; right: 0; margin-top: 22px; font-weight: bold}
.infoArticle span {color: #df591c}

.bourse .interview {float: left; width: 370px;}
.bourse .actu {clear: both; margin-top: 70px}
.easybourse_newsletter {text-align: center; font-weight: bold;; margin: 35px 40px 0 430px}

/*Colonne droite*/
.dateJour {display: block; padding: 10px 10px 10px 0; text-align: right}

.agenda {
width: 288px;
padding: 0 0 4px 13px;
margin: 8px 0;
border-bottom: 1px solid #4698bb;
background: transparent url(../imgs/fleche.gif) no-repeat 0 3px;
}

.agenda strong a {text-transform: uppercase; color: #494747}

.carre, .autopromo {width: 300px}
.carre, .abo_elettres {margin-bottom: 15px; border: 1px solid #d7d6d6;}
.abo_elettres {width: 300px; text-align: center; font-weight: bold; border: 1px solid #494747}
.abo_elettres span {color: #4698bb}
.abo_elettres .p1 {font-size: 16px}

.autopromo {border: 1px solid #d7d6d6; margin: 15px 0}
/*---*/



/*Accueil*/
.accueil #colG {margin-top: 20px}
.accueil .actu .dep, .perso .actu .dep {font-size: 14px; color: #4698bb; font-variant: small-caps}
.accueil .actu .ssSecteur {font-size: 13px}
.accueil .actu h2, .perso .actu h2 {padding: 0; margin: 0 0 3px 0}
.accueil .actu h2 a, .perso .actu h2 a {/*font-weight: normal*/} 
.accueil .actu img, .perso .actu img {float: left; margin-right: 10px; border: 1px solid #4698bb;  position: relative; top: -1px}
.accueil .actu div, .perso .actu div {border-bottom: 1px solid #4698bb; margin-top: 15px;}
.accueil .archives {float: left; width: 300px}
.accueil .archives ul, .accueil .annuaire ul {padding-left: 0; margin-left: 0}
.accueil .annuaire {margin-left: 300px;}
.accueil .annuaire .inscription {font-weight: bold}
.accueil .annuaire div {text-align: center; border: 1px solid black; padding: 10px; margin-top: 20px}

/*Espace perso*/
.perso_right {
padding: 15px 0;
margin-top: 10px;
border: 1px solid #D7D6D6;
width: 300px;
}

.perso form h2 {color: #4698BB; font-size: 15px}

.perso_right .perso_deco {position: relative; top: 5px; left: 20px}

.perso .actu .toggle {position: relative; top: 4px; left: 5px; display: block}
.perso .actu .content {margin-top: 5px}
.perso .actu .toggle img, .perso .actu .content {border: none}

.controle {
border : 1px solid #4698BB;
background-color: #F5F5F5;
width: 90%;
margin: 20px auto;
padding: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px; 
}

#tout_montrer{
background: transparent url(../imgs/plus.gif) no-repeat 0 2px;
padding-left: 15px;
margin-left: 20px;
}

#tout_cacher{
background: transparent url(../imgs/moins.gif) no-repeat 0 2px;
padding-left: 15px;
margin-left: 20px;
}

/*Contenu froid*/
.contf1 .flash {float: left; padding-right: 15px; margin-bottom: 20px}
.reperes {clear: both; border: 1px solid #4698bb}
.reperes .titre {font-size: 14px; font-weight: bold; color: white; padding: 0px 0 2px 10px; background: transparent url(../imgs/reperes_titre.gif) repeat-x}
.reperes .padding {padding: 10px}
.reperes .ssTitre {font-size: 14px; font-weight: bold; color: #df591c}
.reperes ul {list-style-type: none; margin-left: 0; padding-left: 15px}
.reperes ul li {margin: 10px 0}
.reperes span {font-size: 10px; font-style: italic}

/*Contenu chaud (onglet 2)*/
.contChaud .titre {margin: 0 0 3px 0}
.contChaud .titre .dep {font-size: 16px; font-weight: bold; color: #4698bb}
.dossier .titre .dep {font-size: 16px; font-weight: bold; color: #4698bb}
.contChaud .titre .ssSecteur {font-size: 14px; font-weight: bold; color: #494747}
.contChaud #titre, .dossier #titre {font-size: 14px; color: #494747; font-weight: normal}
.contChaud #colG h2, .dossier #colG h2 , .contf1 h2{font-size: 14px; font-weight: bold; color: #4698bb}
.contChaud #colG a, .dossier #colG a , .perso #colG .content a {color: #4698bb}
.image {float: left; margin: 8px 10px 7px 0; border: 1px solid #4698bb}

.payant{position: absolute; margin-left: 3px}

#outil_mini {position: absolute; right: 0}
#outil {position: relative; left: -17px}

.banniereAbo {
display: block;
padding: 22px 81px 0 0;
margin: 0 0 20px 0;
height: 50px;
width: 550px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: white !important;
background: #155092 url(../imgs/banniere_abo_fond.jpg) no-repeat 0 0
}

.savoirplus {margin: 10px 0;}
.savoirplus ul {margin-top: 0}

#acces {border: 1px solid black; text-align:center; width: 80%; margin: 25px auto; font-weight: bold}

/*Dossier*/
.modif {color: #DF591C}
.boxDossier {
height: 235px;
width: 617px;
margin: 20px 0
}
.boxDossier .txt {padding: 0 0 0 15px; width: 385px}

.dossier .resultRech {
min-height: 78px;
height: auto !important ;
height: 78px;
}
.dossier .resultRech .titre {margin-bottom: 5px}
.dossier .resultRech img {float: left; margin-right: 10px}

/*Recherche entreprise*/
.boxRech {
position: relative;
padding: 0 10px 10px 10px;
margin: 20px 0;
font-size: 14px;
background-color: #f5f6f8;
border: 1px solid #979595
}
.boxRech label {display: block; margin: 10px 0 5px 0}
.boxRech a {color: #4698bb}
.boxRech .valid {margin-top: 15px}
.boxRech .annul {margin-left: 15px}

.recap {margin: 10px 0}
.recap h2 {font-size: 13px}
.recap span {color: #df591c}

.retour {
display: block;
padding: 7px  0 7px 30px;
width: 180px;
background: transparent url(../imgs/bouton_retour.gif) no-repeat 0 0;
}

/*Recherche avancée*/
.boxRech.avancee .div1 {float: left;}
.boxRech.avancee .div2 {margin-left: 270px}
.boxRech.avancee span {font-size: 12px; font-weight: normal; font-style: italic}
.boxRech.avancee .label_spe {padding: 10px 0}
.boxRech.avancee .label_spe label {display: inline}

.resultRech {margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #4698bb}
.resultRech .titre a {color: #494747 !important; font-size: 14px; font-weight: bold}
.resultRech .num {color: #DF591C; font-size: 14px; font-weight: 800}
.resultRech .dep {color: #4698BB; font-variant: small-caps; font-size: 14px}

/*Recherche formation (ee)*/
#logo_ee {position: absolute; top: 20px; right: 70px}
.ecole {
min-height: 90px;
height: auto !important ;
height: 90px;
margin-bottom: 20px
}
.ecole strong {display: block; margin-bottom: 8px}
.ecole img {position: relative; top: -6px}
.ecole ul {clear: both}

/*S'identifier*/
.boxID {
position: relative;
margin: 20px 0;
padding: 40px 0 0 20px;
width: 372px;
height: 111px;
font-size: 14px;
background: transparent url(../imgs/log2_fond.gif) no-repeat 0 0;
}
.boxID label {display: block; margin: 10px 0 5px 0; float: left; width: 100px;}
.boxID .champ {margin: 10px 0 5px 0; height: 15px; width: 150px}
.boxID a {color: #4698bb; font-size: 10px}
.boxID .submit {position: absolute; top: 81px; left: 285px; margin: 0}

.valider .submit {top: 46px}

/*Fiche entreprise*/
.entAnnu .actu {position: relative; top: -20px;}
.entAnnu .actu .titre {font-size: 14px; font-weight: bold}
.entAnnu .actu .dep {font-size: 16px; font-weight: bold; color: #4698bb; font-variant: small-caps}
.entAnnu .actu .ssSecteur {font-size: 14px; font-weight: bold; color: #494747}
.entAnnu .actu .date {font-size: 10px}
.entAnnu .actu h2 {display: inline; padding: 0; margin: 0 0 10px 0}

.entAnnu .actu h2 a {font-size: 14px; font-weight: normal} 
.entAnnu .actu .uniteActu {border-top: 1px solid #4698bb; margin: 15px; padding: 5px}
.entAnnu .inscription {display: block; font-weight: bold; text-align: center}

/*Page agenda*/
.evenmt {
position: relative;
margin: 22px 0;
min-height: 80px;
height: auto !important ;
height: 80px;
border: 1px solid
}

.evenmt h2 {
position: relative;
top: -1px;
left: -1px;
margin-top: 0px;
padding: 3px 0 0 95px;
height: 20px;
width: 525px;
font-size: 14px;
color: white;
background: blue url(../imgs/agenda_titre_fond.gif) repeat-x;
}

.evenmt .date {
position: absolute;
top: -15px;
left: 8px;
height: 63px;
width: 78px;
padding-top: 20px;
text-align: center;
font-size: 35px;
font-weight: bold;
color: white;
z-index: 1;
background: blue url(../imgs/agenda_fond.gif) no-repeat;
}

.evenmt .date span {
display: block;
position: relative;
top: -5px;
font-size: 14px;
}

.evenmt .txt {padding: 0 10px 10px 95px}

/*Page abo*/
.abonnement {position: relative; padding: 30px 10px 0 200px; margin: 20px 0 ; width: 423px; height: 130px}
.abonnement h2 {font-size: 14px; margin-top: 0; padding-top: 0}
.abonnement p {margin: 0; padding: 0}
.abonnement div {margin-top: 10px; font-size: 16px; font-weight: bold}
.abo1 {background: white url(../imgs/abo_fond_1.gif) no-repeat}
.abo1 div {color: #da0006}
.abo2 {background: white url(../imgs/abo_fond_2.gif) no-repeat}
.abo3 {background: white url(../imgs/abo_fond_3.gif) no-repeat}
.abo4 {background: white url(../imgs/abo_fond_4.gif) no-repeat}
.abo4 div {color: #0d9801}
.abo5 {background: white url(../imgs/abo_fond_5.gif) no-repeat}
.btn_abo {position: absolute; top: 122px; left: 500px}

.abonnement2 {padding: 0 7px 0 45px; margin: 7px 0; width: 249px; height: 73px}
.titre.petit {font-size: 17px; padding-top: 5px; padding-bottom: 2px}
.abonnement2 div {padding-top: 3px; font-size: 17px; font-weight: bold}
.abonnement2 p {margin: 0; padding: 0}
.outil_abo1 {background: white url(../imgs/abo_outil_fond_1.gif) no-repeat}
.outil_abo2 {background: white url(../imgs/abo_outil_fond_2.gif) no-repeat}
.outil_abo3 {background: white url(../imgs/abo_outil_fond_3.gif) no-repeat}
.outil_abo4 {background: white url(../imgs/abo_outil_fond_4.gif) no-repeat}

/*Pages abo autres + autres form*/
.fieldset_abo {margin:0 0 20px 0; padding: 10px 0; border: none; background-color: #EFEFEF}
.fieldset_abo th {padding-right: 5px; padding-top: 6px; text-align: right; vertical-align: top}
.fieldset_abo tr {height: 30px}
.fieldset_abo .norm {height: auto}
.fieldset_abo .champs_long {width: 422px}
.fieldset_abo .zoneTXT {width: 422px; height: 200px}
.fieldset_abo .champs {width: 150px}
.fieldset_abo .montant {color: red; font-weight: bold}
#cgv {position: relative; top: 2px}
.abo h2 {color: #4698BB; font-size: 15px; margin: 10px 0 5px 15px}
.valignRadio input {position: relative; top: 3px}
.submit {margin: 20px 0 0 280px}

/*Pages abo paiement*/
.wb_paiement form div {width: 600px; text-align: center}

/*autre*/
.autre h2 {
font-size: 16px;
color: #4698BB;
margin-top: 25px
}

.liensUtiles img {float: left; margin-right: 15px}
.liensUtiles hr {clear: both; margin-bottom: 20px}

#o_outils {
position: absolute;
padding: 10px;
background-color: white;
border: 1px solid black;
z-index: 9999;
}

#o_outils .champ {width: 100%; border: 1px solid gray; background: none; background-color: white; font-size: 12px}
#o_outils label {display: block; height: 0px; margin:5px 0}
#o_outils #envoyerAmi, #o_outils #envoyerReagir {margin-top: 20px; background-color: orange; border: 1px solid black}

#o_outils #fermer {position: absolute; bottom: 5px; right: 8px}

.spinner {background: white url(../imgs/spinner.gif) no-repeat center}

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}