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

@font-face {
    font-family: 'OswaldRegular';
    src: url('/font/oswald-webfont.eot');
    src: url('/font/oswald-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/oswald-webfont.woff') format('woff'),
         url('/font/oswald-webfont.ttf') format('truetype'),
         url('/font/oswald-webfont.svg#OswaldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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}

.image3{float: left; margin-right: 10px; border: 1px solid #4698bb;}
.image4{float: right; margin: 10px 0 0 10px; border: 1px solid #4698bb;}

.liste {list-style: none}
.liste a, .reperes li {
color: #494747;
padding-left: 13px;
background: transparent url(../imgs/fleche.gif) no-repeat 0 3px;
}
.liste_T1 {
color: #4698BB;
padding-left: 10px;
margin-left: 0;
}
.liste_T1 li{margin-bottom: 10px;}
.liste_T1 a{color: #494747; font-weight: normal}

.liste_T2 li{margin: 10px 0;}

.addthis1 {
position: relative;
top: -8px;
left: 570px;
width: 400px;
}

/* DAVID Titre des onglets colG!!*/
.titre{
background: transparent url(../imgs/box_titre_fond.gif) repeat-x;
color:white;
font-size:16px;
font-weight: 800;
height: 22px;
padding: 0 0 17px 4px;	
}

.titre2 {
margin-bottom: 20px;
text-align: left;
font-size: 16px;
}

.listing_article  {margin-bottom: 15px; overflow: hidden;}
.listing_article .infoPlus {position: relative; top: -11px;}
.listing_article .dep, .infoPlus2 .dep{font-size: 12px; color: #4698bb;}
.listing_article h2{padding: 0; margin: 0 0 12px; text-align: left; border-bottom: 1px solid #4698bb; clear: left;}
.listing_article h2 a{font-size: 14px; font-weight: 800;}

/*.listing_article 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;}*/
/* .perso .actu div {border-bottom: 1px solid #4698bb; margin-top: 15px;} */

#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;
text-align: left;
/*background: transparent url(../imgs/pied_fond.gif) repeat-x;*/
background: transparent url(../imgs/pied_fond2.gif) repeat-x bottom;
}

#pied .decouvr1, #pied .decouvr2  {
position: relative;
padding-left: 19px;
font-size: 14px;
font-weight: bold;
color: #df591c;
border-bottom: 2px solid #df591c;
}

#pied .decouvr2 {clear: both}



#pied .rappel {
list-style: none;
font-weight: 800;
padding-left: 20px;
overflow: hidden;
margin-left: 0;
}
#pied .rappel a{
display: block;
height: 35px;
}
#pied .rappel ul {list-style: none;}
#pied .rappel li{
float: left;
width: 161px;
}
#pied .rappel ul li {
margin-left: -48px;
}
#pied .rappel ul a {
display: block;
height: auto;
color: #494747;
padding-left: 8px;
background: transparent url(../imgs/pastille.png) no-repeat 0 5px;
font-weight: normal;
}

#pied .liste {float: left; padding-left: 12px; width: 233px; margin-left: 0}
#pied .liste a {
display: block;
padding-left: 8px;
background: transparent url(../imgs/pastille.png) no-repeat 0 5px;
}

/* .li1 {position: relative; left: 20px}
.li2 {left: 260px}
.li3 {left: 500px}
.li4 {left: 740px} */

#pied p {margin: 0;}

#pied .legal {
position:relative;
left:-5px;
height: 12px;
text-align: right;
}

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

.box1 {margin-bottom: 30px}

/* .box1 .titre {
height: 100%; IE6
font-size: 20px;
font-weight: 800;
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
}*/

/* Transition entre les versions */
#colD .box1 {
width: 302px;
margin-bottom: 15px;
}

#colD .box1 .titre {
font-size: 16px;
height: 22px;
padding: 0 0 0 4px;
margin-bottom: 15px;
color: white;
background: transparent url(../imgs/box_titre_fond.gif) repeat-x;
}

#colD .box1 ul {padding: 0; list-style-type: none;}

.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: 0 0 20px 0;
border: 1px solid #dfdbdb;
min-height: 100px;
height: auto !important ;
height: 100px;
}
/*.box3 .titreTMP {
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 .titreTMP  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 */
.agenda {
padding: 0 0 4px 0;
margin: 3px 0;
}
.agenda strong a {color: #494747}
.wrapper_agenda {
position: relative;
}
.wrapper_agenda ul {
padding: 0;
margin: 0;
}
.cat_agenda {
height: 22px;
margin: 0;
padding: 0;
background: transparent url(../imgs/box_titre_fond.gif) repeat-x 0 0;
width: 302px;
}
.cat_agenda  li {
float: left;
border-left: 1px solid #1f5d9c;
text-align: center;
width: 99px;
}
.cat_agenda  li:first-child {
border-left: none;
}
.cat_agenda a {
display: block; 
height: 19px;
margin-top: 3px;
font-weight:bold;
color: white;
}
.anim_fleche{
height: 20px;
background: transparent url(../imgs/anime_fleche.gif) no-repeat top;
}

/* Dossier expert */
.li_selected{font-weight: 800}
.dossier_exp_cont {
overflow: auto;
}
.dossier_exp {
float: left;
margin: 0 5px 10px 0;
}
.dossier_exp img {
float: left;
border: 1px solid #53a2c4;
margin: 0 10px 0 0;
}
.TMP {margin-bottom: 10px;}
.TMP #titre {position: relative; top: 2px; color: #494747;}


/* Partenaire */
#wrapper_part {
position: relative;
height: 118px;
width: 300px;
border-top: 1px solid #53a2c4;
border-bottom: 1px solid #53a2c4;
overflow: hidden;
}
.partenaire_right {
float: left;
width: 240px;
margin: 8px 30px 0;
text-align: left;
}
.partenaire_right img {
float: left;
border: 1px solid #53a2c4;
margin: 0 10px 0 0;
}
.partenaire_right strong {
font-size: 14px;
font-weight: 800;
color: #53a2c4;
}
#part_mobile {
position: relative;
left: 0;
}
#part_btn_right {position: absolute; right: 0}
#part_btn_left{position: absolute; left: 0}


.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: 14px}

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

.plus {
display: block;
text-align: right;
color: #53a2c4;
}
/*---*/

/*Accueil*/
.accueil #colG {margin-top: 35px}
.accueil #colG .titre {padding-bottom: 10px;}


/*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)*/
/*transition*/
#outil_mini {
margin: 0 0 0 530px;
}

.infoPlus2 {
position: relative;
padding: 3px 0;
margin-bottom: 8px;
border-top: 1px solid #4698bb;
border-bottom: 1px solid #4698bb;
}
.infoPlus2 .addthis_toolbox {
position: absolute;
right: 0;
top: 2px;
}

.addthis_button  img{
position: absolute;
left: -20px;
}

.articleTitre {
overflow: hidden;
padding-bottom: 10px;
}

.image2{
float: left;
margin: 0 5px 0 0;
border: 1px solid #4698bb;
}

.colIntG {
float: left;
width: 465px;
}

.colIntD {
width: 140px;
margin: 13px 0 0 480px;
}
.colIntD  .mBox1 {
margin: 0 0 10px 0;
padding: 5px 0;
font-style: italic;
}
.colIntD  .mBox1 img {
margin: 0 0 0 2px;
}
.colIntD .mBox2 {
padding: 3px;
text-align: left;
background-color: #eeeded;
margin-bottom: 10px;
}
.colIntD .mBox2 span {
display: block;
margin-bottom: 5px;
color: #df591c;
font-weight: 800;
}
.colIntD .mBox2 ul {
margin: 0 0 0 15px;
padding: 0;
color: #4698bb;
}
.colIntD  .mBox3 {
border-top: 3px solid #4698bb;
border-bottom: 3px solid #4698bb;
padding: 5px 0;
}

#porte_document img {margin-bottom: 10px;}

.dossier .titre .dep {font-size: 16px; font-weight: bold;}
.dossier #titre {color: #494747;}
.contChaud .colIntG h2, .contf1 h2, .contChaud h2{font-size: 14px; font-weight: bold; color: #4698bb}
.contChaud #colG h3 {font-size: 14px}
.contChaud .colIntG a, .perso #colG .content a{color: #4698bb}
.dossier #colG a {color: #494747}
.image {float: left; margin: 8px 10px 7px 0; border: 1px solid #4698bb}

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

.payant {position: relative; top: 3px; left: 3px}

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

.entreprise_edd, .entreprise_modif {
display: block;
height: 17px;
padding-left: 20px;
margin-bottom: 10px;
font-weight: 800;
color: #df591c;
}
.entreprise_edd {background: transparent url('../imgs/information.gif') no-repeat 0 0;}
.entreprise_modif {background: transparent url('../imgs/modifier.gif') no-repeat 0 0;}

.cartouche {
overflow: hidden;
padding: 15px;
margin-bottom: 5px;
text-align: left;
background-color: #eeeded;
}
.cartoucheG {
width: 210px;
float: left;
}
.cartoucheD {
width: 210px;
margin-left: 225px;
}
.cartouche .contact {margin-bottom: 10px;}
.titre_T1, .titre_T2{
position: relative;
top: -3px;
left: -8px;
margin-top: 0;
padding-left: 18px;
font-size: 12px;
}
.titre_T1 {background: #EEEDED url('../imgs/fleche_titre_t1.gif') no-repeat 0 2px; color: #4698bb;}
.titre_T2 {background: #EEEDED url('../imgs/fleche_titre_t2.gif') no-repeat 0 2px; color: #df591c;}
.cartouche .web {
clear: both;
margin: 10px 0 0 0;
padding: 15px 0 0 0;
font-weight: 800;
}
.colIntD  .guide-eco{margin-top: 55px}

.intro {margin-bottom: 15px;}

/*Recherche entreprise*/
.barre_rech {
display: block;
background: #EEEDED url(../imgs/loupe2.gif) no-repeat 5px 1px;
height: 19px;
padding: 4px 0 0 32px;
text-transform: uppercase;
font-weight: 800;
font-size: 12px;
}
.barre_rech:hover {text-decoration:none;}

.boxRech {
position: relative;
padding: 0 10px 10px 10px;
margin: 0 0 17px;
font-size: 14px;
background-color: #EEEDED;
border-top:1px solid #4698BB;
}

.boxRech label {display: block; margin: 10px 0 5px 0}
.boxRech a {color: #4698bb; background-color: #EEEDED;}
.boxRech .valid, .boxRech .annul{
color: white;
border: none;
background: #255494 url(../imgs/box_titre_fond.gif) repeat-x;
}
.boxRech .valid {
padding: 3px 10px;
font-size: 13px;
margin-top: 15px;
}
.boxRech .annul {
margin-left: 15px;
font-size: 13px;
padding: 3px 10px;
}
.boxRech .avancee {
position: absolute;
right: 10px;
bottom: 13px;
color: #DF591C;
}

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

.boxRech .hr_annul{ /*hr dans le formulaire */
	width:620px;
	border:1px solid #82D2ED;
	left:0;
	text-align:left;
	display:block;
}

.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 .titreRech 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}

.boxRech.avancee .div2 .span_date_debut{
	float:left;
	margin-right:10px;
}
.boxRech.avancee .div2 .span_date_debut input{
	width:100px;
}
.boxRech.avancee .div2 .span_date_fin input{
	width:100px;
}

/*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}

/*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;
}
/*==========================*/
/* Carrousel */
#carrousel{
	top:0;
	position: relative;
	border:1px solid #4698BB;
	height:254px;
	overflow: hidden;
}

#carrousel img{
	width:620px;
	height:254px;
	border:none;
}


#carrousel .item {
	position: absolute;
	top: 0;
	left: 0;
}

#carrousel .item div {
	position: absolute;
	bottom: 0;
	width: 620px;
	max-height:100px;
	margin: 0;
	background-color: #4A4A4A;
	opacity: 0.85;
	filter:alpha(opacity=85); 
	text-align:left;
}
#carrousel .item div .titre_carrousel{
	margin:0px;
}
#carrousel .item div .titre_carrousel h2{
	color:white;
	font-size:14px;
	margin: 4px 100px 2px 10px;
	font-weight:normal;
	font-weight:bold;
}

#carrousel .item a {
	display:block;
	color: white;
	font-size:14px;
	
	
}
#carrousel .item div a{
	margin:5px 75px 10px 10px;
}
#carrousel hr{
	border:1px solid white;
	border-color:white;
	padding:0;
	margin:0;
	left:0;
	width:620px;
}

#carrousel #controle {
	position: absolute;
	top: 0;
	right: -1px;
	margin: 0;
	padding: 5px 0px 5px 5px;
	list-style-type: none;
	background-color: #4A4A4A;
	height:18px;
	opacity: 0.85;
	filter:alpha(opacity=85); 
}
#controle li {
	float: left;
	padding:2px;
	margin:1px 2px 2px 2px ;
	
}
#controle a {
	display: block;
	height: 15px;
	width: 15px;
	font-weight: bold;
	background: transparent url(../imgs/carrou_btn.png) no-repeat top left;
}
#controle .btn_on {background: transparent url(../imgs/carrou_btn_on.png) no-repeat}
/*=======================*/


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


/*##############Mise à jour entreprises##############*/
#boutonModifierEntreprise {		/*entreprise.htm*/
top: 35px;
left: 95px;
background-color:#0099CC;/*#879ca2*//*#0099CC*/
border: 2px solid #c9cdd2;
color: white;
margin-top:3px;
}

#form_majE label {
font-size:12px;
margin-right:3px;
padding-right:2px;
}
.contactLabel {
margin-right:3px;
}
#contact_fonction1,#contact_fonction2,#contact_fonction3,#contact_fonction4,#contact_infoMaj_fonction5 {
width:100%;
}
#form_majE #ss_secteur, #form_majE #forme_juridique { width:100%;} /*liste secteurs*/
.contactTitre {
float:left;
display:compact;
margin:10px 0 10px;
padding: 0px 5px 0px 5px;
text-align:left;
color:#4698bb;
font-size:12px;

}

#boutons {
text-align:center;
margin:20px 0px 20px 0px;
}
/*les champs text remplissent leur case de tableau*/
#fieldset_contact_majE .champs{width:100%;}
#fieldset_adresse_majE .champs,#fieldset_adresse_majE .champs_long{width:100%;}
#fieldset_InfoGéné_majE .champs,#fieldset_InfoGéné_majE .champs_long{width:100%;}
#form_majE input{border:1px #c7d8e3 solid;}
#form_majE .radio{border:none;}
#fieldset_infoSup_majE textarea{width:100%;border:1px #c7d8e3 solid;}
#image{width:48%;} /*40%*/

/*Message de validation*/
#messageValidation{
text-align:center;
color:#0000FF;
}
#messageValidation input{margin-top:20px;}

/*^^^^^^Mise à jour entreprises^^^###modif maquette*/
#form_majE #nom {background-color: #C6C6C6;}
.rubrique_majE{font-size:15px; font-weight:bold; color:#df591c;}
#form_majE fieldset{margin:5px 0 20px; border:none; background-color:#eeeded; padding:17px 15px 14px 4px;}
#form_majE th{text-align:right;padding-right:5px;}

#form_majE #trASavoir{vertical-align:top;}
#form_majE #captcha{margin-top:15px;}
#form_majE #usercode{width:178px;margin-right:40px;}

#form_majE #asterisque{font-size:10px; color:#FF3333;
/*float:right;*/
/*position:absolute; top:84px; right:5px;*/
position:relative; top:6px; left:340px;
/*margin-top:9px;*/}

#form_majE .labelSpecification{font-size:10px; color:#a1a0a0;}

.lienRetour{text-align:center; font-size:12px; color:#494747;}
/*^^^^^^^^^^^^^^Mise à jour entreprises^^^^^^^^^###fin*/

/* ******************************************* */
/* Mise à jour de l'annuaire des formations */
.div_duree{	position:relative;	margin:10px 0;	height:25px;}
.longue_duree{position:absolute;width:100px;top:20px;left:100px;}
.longue_duree label{float:left;margin:0}
.longue_duree input{margin:0 0 0 7px;}
.courte_duree{position:absolute;width:100px;top:20px;}
.courte_duree label{float:left;margin:0}
.courte_duree input{margin:0 0 0 7px;}
.critere_recherche{font-weight:bold;}
.critere_recherche span{color:#4698BB}
/* Affichage des résultats */
/*-- recherche formation */
.formation_titre{color: white;width: 300px;padding: 4px; font-size:14px;background: url("../imgs/box_titre_fond.gif") repeat-x scroll 0 0 transparent}
.formation_item{position:relative;border:1px solid #4698BB;margin-bottom: 15px;padding: 8px;width:600px;}
.formation_item h2{padding:0;margin:0 0 15px 0;font-size: 18px;font-weight: normal;color:#4698BB;}
.dossier #colG .formation_item h2 a{color:#4698BB;}
.formation_item.fiche_sponsor h2 a{color: white;}
.formation_item.fiche_sponsor{background-color:#475861;}
.formation_image{float:left;}
.formation_image .image{margin:0 7px 0 0}
.formation_item table{margin: 0px 0 0 90px;border-collapse: collapse;width: 505px;background-color: #EEEDED;}
.formation_item tr{border-top: 1px solid white;}
.formation_item tr:first-child{border: none;}
.formation_item th{width: 90px;padding: 6px;text-align: right;vertical-align: top;}
.formation_item td{padding: 6px 6px 6px 15px;vertical-align: top;}

/*-- annuaire formation */
/*
.form_big {
width: 631px;
margin: 0 0 15px 0;
border: 1px solid #506068;
}
.form_big .element {
position: relative;
height: 25px;
margin-bottom: 1px;
padding: 6px 0 0 20px;
background-color: #e3e3e3;
}
.form_big label {
position: relative;
top: 1px;
color:#393939;
}
.form_big select, .form_big input[type="text"] {
	position: absolute;
	left: 150px;
}
.form_big #elementSecteurs {height: 50px;}
.form_big #ss_secteur {/*champs sous-secteur*//*
	top: 30px;
}
.form_big input[type="text"] {
	top: 5px;
}
.form_big #f5_1{
position: absolute;
top: 5px;
left: 150px;
width: 80px;
}
.form_big #f5_2{
position: absolute;
top: 5px;
left: 240px;
width: 80px;
}

.form_big input[type="submit"]{
	height: 20px;
	width: 140px;
	margin: 15px 0 15px 20px;
	border: none;
	color: white;
	background-color: #475861;
}
*/

/*############ Page résultat (annuaire formation) ####################*/
		/* + ajout @font-face en début de css */
.annu_ecole{padding:20px 0 0 0;}
#col_resultat{margin-left:190px;position:relative;margin-top:14px;}
#col_resultat .hidden{clear:none;}
#col_critere{float:left;width:185px;font-size:12px;background:url(../imgs/bordure_critere.png) repeat-y 25px;margin-top:14px;}
#col_critere span{font-weight:bold; color:#4485b5;margin-top:10px;display:block;}


.nombre_resultat{background:url(../imgs/rond.png) no-repeat;height:52px;font-size:14px;margin-bottom:10px;}
#col_critere .nombre_resultat span{font: normal 18px 'OswaldRegular';color:white;text-align:center;margin-top:13px;width:52px;float:left;margin-right:5px;}
.nombre_resultat p{color:#4485b5; font-weight:bold; line-height:13px; padding-top:13px;}

.liste_critere{
background-color:#4485b5;/*#bf0a23*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding:5px 0 5px 0px;
margin-bottom:20px;
}
.liste_critere p{ line-height:13px;padding-top:0;color: #fff;}
.liste_critere div{border-top:1px solid #fff;padding-left:10px; color: #fff;}
.liste_critere div:first-child{border-top:none;}

.choix_critere, .choix_critere_txt{padding-left:16px;}
.choix_critere span, .choix_critere_txt span{background: url("../imgs/petit_rond.png") no-repeat; min-height:17px;padding-left:25px;padding-top:3px;}
.choix_critere li, .choix_critere_txt li{text-decoration:underline;}
.choix_critere input, .choix_critere_txt input{margin:5px 5px 0 0; /* margin-left:35px; margin-top:5px; */}
.choix_critere div, .choix_critere_txt div{margin-left:40px;}
.choix_sel{font-weight:bold;}
.choix_critere .filtre_submit, .choix_critere_txt .filtre_submit{background-color:#4485b5;color:white;border:none; /* margin-left:40px; */}
.bloc_fiche{position:relative;padding:10px 0 10px 30px;background: url("../imgs/bordure.png") 3% repeat-y;}
.bloc_fiche h2 a {font-size: 20px;}
.annu_item{overflow:hidden;position:relative; border:1px solid #43464d; padding:10px; margin-bottom: 20px;}
.annu_item img{border:1px solid #43464d;}
.annu_item strong{color:#4485b5;}
.annu_item_desc{width:280px;float:left;margin-right:10px;}
.annu_item_desc ul{padding:0;margin-left:15px; list-style-image: url("../imgs/liste_puce.png");}
.annu_item_desc li{margin-top:3px;}
.annu_item_desc span{font-weight:bold;}
.annu_item_desc.mini_fiche{float:none;width:100%;}
.bloc_checkbox{position:absolute;left:4px;top:27px;}
.bloc_lien{display: inline-block;background-color:#43464d;padding:0 2px;/*  margin-top: 5px; */ margin-top: 10px;}	
.bloc_lien a{color:white;font-family: 'OswaldRegular';}
.voir_fiche{left:10px;position:absolute; bottom:10px;}
.voir_fiche.mini{position:relative;bottom:0;left:0;}
.voir_site{/* margin-left: 200px; */ margin-left: 265px;}
.submit_compare{
	background: none;
	border:none;
	color:#cc0000;
	padding:5px 0 5px 25px;
	font-family: 'OswaldRegular';
	font-size:16px;
	cursor:pointer;
	position:relative;
	text-align:left;
	width:400px;
}
.submit_compare.fleche_haut{background:url(../imgs/fleche_haut.png) no-repeat 7px 7px;}
.submit_compare.fleche_bas{background:url(../imgs/fleche_bas.png) no-repeat 7px 7px;}
.aucun_resultat{margin-left:35px;}

.annu_formation #colG{width:637px;}
.annu_formation #col_resultat h2 {
    margin-bottom: 0;
    margin-top: 0;
}
.annu_formation h2 {
    color: #4485b5;/*#BF0C22*/
    font-family: 'OswaldRegular';
    font-size: 19px;
    font-weight: normal;
    letter-spacing: -1px;
    margin-bottom: 8px;
	text-align:left;
}
.annu_formation h2 a{color: #4485b5;}/*#BF0C22*/
.annu_formation #col_resultat h1 {
    margin-left: 30px;
    margin-top: 0;
}
.annu_formation h1, .annu_formation .pseudo_h1 {
    background: url("../imgs/stripe.gif") repeat scroll 0 0 #475861;
    border-radius: 5px 5px 5px 5px;
    color: white;
    font-family: 'OswaldRegular';
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 13px 0;
    padding: 5px 10px;
    position: relative;
}
.annu_formation #colG div {
    text-align: left;
}