/* CSS Document */
body {
	position:relative;
	margin: 0px;
	padding: 0px;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	background:url(../images/fonds/fond-body.jpg) repeat-x top left;	
}
/*-------------------------------- general au site -----------------------------*/
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl,div,form {
	margin:0;
	padding:0;
}
a img  {
	border:none;
}
table{
	border-collapse:collapse;
}
ul,ol ,li{
	list-style-type:none;
}
p {
	font-size:11px;
	color:#384875;
}
a {
	text-decoration:none;
	color:#384875;
}
a:active, a:focus{
   outline:none;
}
a:hover{
text-decoration:underline;
}
/*---------------------------------------------- GLOBAL -----------------------------------------*/
#global{
	width:955px;
	margin:0 auto;
}

div.fond_int{
position:absolute;
height:243px;
width:100%;
z-index:-50;
top:126px;
left:0px;
background:#69ace0;
}
div.fond_accueil{
position:absolute;
height:308px;
width:100%;
z-index:-50;
top:126px;
left:0px;
background:#69ace0;
}

/*--------------------ENTETE---------------------*/
div#entete{
float:left;
width:100%;
height:91px;
}
div#entete h1 img{
float:left;
margin:0 0 0 15px;
}
div#entete h2{
float:left;
font-size:14px;
color:#8c959c;
font-weight:400;
margin:62px 0 0 16px;
}

/*--------------------MENU---------------------*/
div#menu{
float:left;
width:100%;
height:30px;
}
div#menu div.menu_principal{
float:left;
height:30px;
margin:0 0 0 15px;
display:inline;
}
div#menu div.menu_principal ul.menu_niveau1,
div#menu div.menu_secondaire ul.menu_niveau1{
float:left;
display:block;
z-index:500;
}
div#menu div.menu_principal ul.menu_niveau1 li,
div#menu div.menu_secondaire ul.menu_niveau1 li{
float:left;
position:relative;
display:block;
z-index:500;
}
div#menu div.menu_principal ul.menu_niveau1 li h1,
div#menu div.menu_secondaire ul.menu_niveau1 li  h1{
float:left;
display:inline;
height:30px;
line-height:30px;
background:url(../images/puces/goutte_fonce.gif) 0px 12px no-repeat;
margin:0 11px 0 0;
}
div#menu div.menu_principal ul.menu_niveau1 li  h1 a,
div#menu div.menu_secondaire ul.menu_niveau1 li  h1 a{
float:left;
font-size:11px;
color:#485077;
padding:0 0 0 14px;
height:30px;
line-height:30px;
}
div#menu div.menu_principal ul.menu_niveau1 li  h1 a:hover{
text-decoration:underline;
}
div#menu div.menu_secondaire{
float:left;
margin:0 0 0 30px;
height:30px;
}
div#menu div.menu_secondaire_droit{
float:right;
margin:0;
}
div#menu div.menu_secondaire ul.menu_niveau1 li h1{
background:url(../images/puces/goutte_clair.gif) 0px 12px no-repeat;
}
div#menu div.menu_secondaire ul.menu_niveau1 li h1 a{
color:#333333;
font-weight:400;
}
div#menu div.menu_secondaire ul.menu_niveau1 li h1 a:hover{
text-decoration:underline;
}
/*----------------------SOUS MENU-----------------*/
div#menu div.menu_principal ul.menu_niveau2{
float:left;
position:absolute;
top:30px;
left:0px;
background:#fff;
display:block;
padding:0 0 10px 0;
z-index:500;
}
div#menu div.menu_principal ul.menu_metier{
width:160px;
}
div#menu div.menu_principal ul.menu_grand{
width:200px;
}
div#menu div.menu_principal ul.menu_niveau2 li{
float:left;
width:100%;
line-height:22px;
height:22px;
display:block;
z-index:500;
}
div#menu div.menu_principal ul.menu_niveau2 li h2{
float:left;
background:url(../images/fonds/bordure_gris.gif) repeat-x bottom left;
margin:0 0 0 6px;
width:90%;
display:inline;
}

div#menu div.menu_principal ul.menu_niveau2 li h2 a{
font-size:11px;
font-weight:400;
}
div#menu div.menu_principal ul.menu_niveau2 li h2 a:hover{
text-decoration:underline;
}


/*----------------------------CORPS------------------------------*/
div.corps{
float:left;
padding:5px 15px 0 15px;
width:925px;
background:#fff;
min-height:330px;
z-index:1;
}
* html #global div.corps{
	height:330px;
}
/*----------------------GENERAL-------------------------*/

.lien_puce_bleu{
height:16px;
line-height:16px;
background:url(../images/puces/puce_plus.jpg) no-repeat center left;
}
.lien_puce_bleu_int{
height:16px;
line-height:16px;
background:url(../images/puces/puce_plus_int.jpg) no-repeat center left;
}
.lien_puce_bleu_moins{
height:16px;
line-height:16px;
background:url(../images/puces/puce_moins.jpg) no-repeat center left;
}
.lien_puce_bleu a,
.lien_puce_bleu_int a,
.lien_puce_bleu_moins a{
float:left;
color:#384875;
padding:0 0 0 24px; 
font-weight:400;
font-size:11px;
}
.lien_puce_grise{
height:16px;
line-height:16px;
background:url(../images/puces/puce_plus_grise.jpg) no-repeat center left;
}
.lien_puce_grise_int{
height:16px;
line-height:16px;
background:url(../images/puces/puce_plus_grise_int.jpg) no-repeat center left;
}
.lien_puce_grise a,
.lien_puce_grise_int a{
float:left;
color:#333333;
padding:0 0 0 24px; 
font-weight:400;
font-size:11px;
}
.lien_puce_bleu a:hover,
.lien_puce_grise a:hover{
text-decoration:underline;
}
div.bloc_full{
float:left;
width:100%;
}
p.para_full{
float:left;
width:100%;
}
p.para_full_marge{
margin:0 0 5px 0;
}
span.gras{
font-weight:700;
}
span.italic{
font-style: italic;
}

.sous_titre{
float:left;
width:100%;
margin:14px 0 12px 2px;
font-size:11px;
color:#384875;
}
.sous_titre_marge{
margin:0 0 12px 2px;
}
p.para_marge{
margin:12px 0 12px 0;
}
p.para{
width:100%;
}
div.titre_bordure{
float:left;
position:relative;
width:100%;
background:url(../images/fonds/bordure_bleue.gif) repeat-x bottom left;
margin:12px 0 20px 0;
padding:0 0 12px 0;
}
.titre_principal{
float:left;
font-size:14px;
color:#374977;
background:url(../images/puces/goutte_fonce.gif) no-repeat center left;
padding:0 0 0 24px;
}
.titre_puce{
float:left;
font-size:14px;
color:#374977;
background:url(../images/puces/puce_dossier.jpg) no-repeat center left;
height:20px;
line-height:20px;
padding:0 0 0 24px;
}
.lien_admin{
position:absolute;
right:0px;
top:0px;
}
.sous_titre_puce{
float:left;
font-size:13px;
color:#374977;
background:url(../images/puces/goutte_fonce.gif) no-repeat center left;
padding:0 0 0 20px;
text-decoration:underline;
margin:0 0 21px 0;
}
.non_souligne{
text-decoration:none;
}
/*-----------------------ACCUEIL--------------------------*/
div.corps div.entete_accueil{
float:left;
width:100%;
height:308px;
}
div.corps div.entete_accueil div.flash_accueil{
float:left;
width:565px;
height:308px;
}
div.corps div.entete_accueil div.offres_accueil{
float:left;
width:360px;
height:308px;
background:url(../images/fonds/filet_avenir.jpg) repeat-x top left;
}
div.corps div.entete_accueil div.offres_accueil h3{
float:left;
width:100%;
}
div.corps div.entete_accueil div.offres_accueil div{
float:left;
width:308px;
margin:0 0 0 28px;
display:inline;
height:202px;
background:url(../images/fonds/bordure_bleue.gif) repeat-x bottom left;
}
div.corps div.entete_accueil div.offres_accueil div ul{
float:left;
width:100%;
display:inline;
}
div.corps div.entete_accueil div.offres_accueil div ul li{
float:left;
width:100%;
line-height:15px;
}
div.corps div.entete_accueil div.offres_accueil div ul li a{
color:#384875;
font-size:11px;
}
div.corps div.entete_accueil div.offres_accueil div ul li a:hover{
text-decoration:underline;
}
div.corps div.entete_accueil div.offres_accueil h6{
float:right;
margin:6px 26px 0 0;
display:inline;
}
div.corps div.entete_accueil div.offres_accueil h6 a{
font-weight:700;
}
div.corps div.bas_accueil{
float:left;
width:100%;
}
div.corps div.bas_accueil div.gauche,
div.gauche_int{
float:left;
width:180px;
}
div.corps div.bas_accueil div.gauche div,
div.gauche_int div{
float:left;
width:180px;
padding:8px 0 18px 0;
background:url(../images/fonds/bordure_gris_fonce.gif) repeat-x bottom left;
}
div.corps div.bas_accueil div.gauche div img,
div.gauche_int div img{
float:left;
}
div.corps div.bas_accueil div.gauche div p,
div.gauche_int div p{
float:left;
width:142px;
}
div.corps div.bas_accueil div.gauche div h5,
div.gauche_int  div h5{
float:left;
width:160px;
background:url(../images/puces/goutte_clair.gif) center left no-repeat;
padding:0 0 0 16px;
}
div.corps div.bas_accueil div.gauche div h5 a,
div.gauche_int  div h5 a{
font-size:11px;
font-weight:400;
color:#333333;
}
div.corps div.bas_accueil div.droit{
float:left;
width:745px;
display:inline;
}
div.corps div.bas_accueil div.droit div.bloc_int{
float:left;
position:relative;
width:357px;
height:123px;
margin:8px 0 0 22px;
background:url(../images/fonds/filiet_offre_une.jpg) 0px 26px repeat-x;
display:inline;
}
div.corps div.bas_accueil div.droit div.bloc_int div{
float:left;
margin:12px 0 0 13px;
width:320px;
height:80px;
display:inline;
background:url(../images/fonds/bordure_gris_fonce.gif) bottom left repeat-x;
}
div.corps div.bas_accueil div.droit div.bloc_int h3.bloc_int_titre{
float:left;
width:100%;
background:url(../images/titres/avenir_groupe_tollens1.jpg) no-repeat top left;
height:26px;
}
div.corps div.bas_accueil div.droit div.bloc_int h3.bloc_int_titre_d{
float:left;
width:100%;
background:url(../images/titres/tollens-environnement1.jpg) no-repeat top left;
height:26px;
}
div.corps div.bas_accueil div.droit div.bloc_int_droit{
float:left;
margin:8px 0 0 6px; 
}
div.corps div.bas_accueil div.droit div.bloc_int_droit h6{
position:absolute;
bottom:-20px;
right:15px;
}
div.corps div.bas_accueil div.droit div.bloc_int_gauche h6{
position:absolute;
bottom:-20px;
right:25px;
}
div.corps div.bas_accueil div.droit div.bloc_int_gauche h6 a{
font-weight:400;
}
div.corps div.bas_accueil div.droit div.pied_accueil{
float:left;
width:702px;
background:url(../images/fonds/bordure_gris_fonce.gif) top left repeat-x;
margin:40px 0 0 35px;
display:inline;
}
div.corps div.bas_accueil div.droit div.pied_accueil p{
float:left;
margin:20px 0 0 0;
width:640px;
color:#333333;
}
div.corps div.bas_accueil div.droit div.pied_accueil a{
color:#333333;
}

/*-------------------PAGES 100%------------------*/
div.corps div.degrade_grand{
float:left;
width:100%;
height:13px;
background:url(../images/fonds/mapping_degrade_hp.jpg) top left no-repeat;
}
div.corps div.degrade_grand a{
float:left;
width:115px;
height:13px;
}

/*-----------------------------PAGES INT----------------------------*/
div.corps div.contenu_corps{
float:left;
position:relative;
width:100%;
background: #fff url(../images/fonds/font-corps-int.jpg) repeat-x top left;
z-index:10;
}
div.corps div.contenu_corps h6.lien_int{
float:left;
width:100%;
margin:10px 0 0 0;
}
div.corps div.contenu_corps div.haut_corps_int{
float:left;
width:253px;
}
div.corps div.contenu_corps div.haut_corps_int h3 img{
float:left;
}
div.corps div.contenu_corps div.haut_corps_int div.degrade_int{
float:left;
height:10px;
width:100%;
background:url(../images/fonds/mapping_degrade_inter.jpg) no-repeat top left;
}
div.corps div.contenu_corps div.haut_corps_int div.degrade_int a{
float:left;
height:10px;
width:31px;
}
div.corps div.contenu_corps div.contenu_int{
float:left;
width:604px;
margin:5px 0 0 0;
padding:0 31px 12px 31px;
background:#ebebeb url(../images/fonds/bas_int.jpg) no-repeat bottom left;
min-height:270px;
}
* html div.corps div.contenu_corps div.contenu_int{
height:270px;
}
div.corps div.contenu_corps div.contenu_int h2{
float:left;
width:100%;
padding:0 0 1px 0;
margin:0 0 30px 0;
background:url(../images/fonds/bordure_gris_bleu.gif) repeat-x bottom left;
}
div.corps div.contenu_corps div.contenu_int h2 img{
float:left;
}
div.corps div.contenu_corps div.contenu_int p.infos_user{
position:absolute;
right:36px;
top:36px; 
font-weight:700;
font-size:11px;
color:#3a4875;
z-index:20;
}
div.corps div.contenu_corps div.contenu_int p.para{
float:left;
width:100%;
}
div.corps div.contenu_corps div.contenu_int div.colonne_gauche{
float:left;
width:232px;
}
div.corps div.contenu_corps div.contenu_int div.colonne_gauche h4{
float:left;
width:100%;
margin:0 0 21px 0;
}

div.corps div.contenu_corps div.contenu_int div.colonne_droite{
float:left;
width:351px;
margin:0 0 0 21px;
}
div.corps div.contenu_corps div.contenu_int div.colonne_droite p{
float:left;
width:100%;
}
div.corps div.contenu_corps div.contenu_int div.contenu_bas{
float:left;
width:100%;
position:relative;
margin:31px 0 0 0;
padding:14px 0 0 0;
height:22px;
background:url(../images/fonds/bordure_gris_bleu.gif) repeat-x top left;
}
div.corps div.contenu_corps div.contenu_int div.contenu_bas h6.gauche{
float:left;
margin: 0 40px 0 0;
}
div.corps div.contenu_corps div.contenu_int div.contenu_bas h6.droit{
position:absolute;
top:14px;
right:0px;
}

div.corps div.contenu_corps div.contenu_int div.nouvelles_agences{
border:2px solid #384875;
padding:14px 0 14px 14px;
}
div.corps div.contenu_corps div.contenu_int div.nouvelles_agences h6{
float:right;
}
/*----------------------BLOC PIED PARTENAIRES---------------------*/

div#bloc_partenaires{
float:left;
width:100%;
padding:0 0 0 28px;
margin:30px 0 0 0;
}
div#bloc_partenaires ul{
margin:0 auto;
height:55px;
}
div#bloc_partenaires ul li{
float:left;
height:55px;
line-height:55px;
margin:0 18px 0 18px;
}
div#bloc_partenaires ul li a img{
float:left;
}

/*---------------------------PAGE TEMOIGNAGES--------------------*/
div.corps div.contenu_corps div.contenu_int div.temoignages{
float:left;
width:100%;
margin:0 0 16px 0;
}
div.corps div.contenu_corps div.contenu_int div.temoignages_dernier{
margin:0;
}
div.corps div.contenu_corps div.contenu_int div.temoignages div.colonne_gauche{
float:left;
width:109px;
}
div.corps div.contenu_corps div.contenu_int div.temoignages div.colonne_gauche h4 img{
float:left;
}
div.corps div.contenu_corps div.contenu_int div.temoignages div.colonne_droite{
float:left;
width:478px;
margin:0 0 0 16px;
padding:0 0 16px 0;
background:url(../images/fonds/bordure_gris_int.gif) repeat-x bottom left;
}
div.corps div.contenu_corps div.contenu_int div.temoignages_dernier div.colonne_droite{
background:none;
}
div.corps div.contenu_corps div.contenu_int div.temoignages div.colonne_droite h5{
float:left;
width:100%;
font-size:11px;
color:#384875;
}
div.corps div.contenu_corps div.contenu_int div.temoignages div.colonne_droite p{
float:left;
width:100%;
}

/*-------------------------PAGE METIERS------------------*/
div.corps div.contenu_corps div.contenu_int div.liste_metier{
float:left;
width:100%;
}
div.corps div.contenu_corps div.contenu_int div.liste_metier h3{
float:left;
font-size:11px;
color:#384875;
padding:0 0 0 24px;
margin:4px 0 0 0;
font-weight:400;
background:url(../images/puces/puce_plus_int.jpg) no-repeat center left;
}
div.corps div.contenu_corps div.contenu_int div.liste_metier h3:hover{
cursor:pointer;
text-decoration:underline;
}
div.corps div.contenu_corps div.contenu_int div.liste_metier p{
float:left;
width:580px;
margin:16px 0 16px 24px;
display:none;
}

/*-----------------------PAGE NOUS REJOINDRE---------------------*/
div.corps div.contenu_corps div.haut_corps_int div.alternance{
float:left;
margin:24px 0 0 0;
width:180px;
background:url(../images/fonds/bordure_gris.gif) repeat-x top left;
}
div.corps div.contenu_corps div.haut_corps_int div.alternance h5{
float:left;
width:160px;
padding:0 0 0 20px;
font-size:11px;
font-weight:400;
margin:5px 0 0 0;
background:url(../images/puces/goutte_fonce.gif) no-repeat 0px 4px;
}
div.corps div.contenu_corps div.haut_corps_int div.alternance h5 span{
float:left;
width:100%;
}
div.corps div.contenu_corps div.haut_corps_int div.alternance div.bas{
float:left;
width:180px;
margin:5px 0 0 0;
height:1px;
background:url(../images/fonds/bordure_gris.gif) repeat-x top left;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre{
float:left;
width:100%;
}

div.corps div.contenu_corps div.contenu_int div.rejoindre div.liste_offre{
float:left;
width:306px;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.liste_offre h3.titre_rejoindre,
div.corps div.contenu_corps div.contenu_int div.rejoindre div.descriptif_offre h3.titre_rejoindre{
float:left;
position:relative;
width:298px;
height:25px;
line-height:25px;
background:#69ace0;
color:#fff;
font-size:12px;
padding:0 4px 0 4px;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.liste_offre h3.titre_rejoindre span{
position:absolute;
right:4px;
top:0px;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.liste_offre ul{
float:left;
width:100%;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.liste_offre ul li{
float:left;
width:100%;
font-size:11px;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.liste_offre ul li.couleur{
background:#fff;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.liste_offre ul li.selection span.poste{
font-weight:700;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.liste_offre ul li a{
float:left;
width:100%;
display:block;
color:#374874;
padding:6px 0 6px 0;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.liste_offre ul li a:hover{
color:#fff;
text-decoration:none;
background:#374874;
cursor:pointer;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.liste_offre ul li a span.poste{
float:left;
width:69%;
margin:0 0 0 1%;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.liste_offre ul li a span.lieu{
float:left;
width:28%;
font-style:italic;
text-align:right;
padding:0 4px 0 0;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.descriptif_offre{
float:left;
width:290px;
background:#fff;
margin:0 0 0 8px;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.descriptif_offre h3.titre_rejoindre{
float:left;
width:282px;
display:inline;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.descriptif_offre p{
float:left;
width:252px;
overflow:auto;
padding:8px 20px 0 8px;
height:292px;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.liens_rejoindre{
position:relative;
float:right;
width:290px;
background:#fff;
height:25px;
line-height:25px;
margin:4px 0 0 0;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.liens_rejoindre h6.droit{
position:absolute;
top:0px;
right:0px;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.liens_rejoindre span{
float:left;
padding:0 0 0 3px
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.liens_rejoindre p{
float:left;
padding:0 0 0 8px;
}
div.corps div.contenu_corps div.contenu_int div.rejoindre div.liens_rejoindre p a{
float:left;
font-weight:400;
color:#333333;
padding:0;
display:inline;
}
div.corps div.bas_rejoindre h6{
float:right;
margin:0 0 0 36px;
}
/*----------------------------------ADMINISTRATION-----------------------------*/
div.bloc_liste_infos{
float:left;
width:100%;
}
div.bloc_liste_infos div.bloc_droit,
div.bloc_liste_infos div.bloc_droit_min{
float:left;
width:49%;
margin:0 0 0 2%;
display:inline;
}
div.bloc_liste_infos div.bloc_gauche,
div.bloc_liste_infos div.bloc_gauche_max{
float:left;
width:49%;
display:inline;
}
div.bloc_liste_infos div.bloc_gauche_max{
width:59%
}
div.bloc_liste_infos div.bloc_droit_min{
width:39%;
margin:0 0 0 14px;
}
div.bloc_liste_infos div.bloc_droit div,
div.bloc_liste_infos div.bloc_gauche div{
float:left;
width:100%;
margin:0 0 10px 0;
}
div.bloc_liste_infos div.bloc_droit p.para_correspond,
div.bloc_liste_infos div.bloc_gauche p.para_correspond,
div.bloc_liste_infos div.bloc_gauche p.titre,
div.bloc_liste_infos div.bloc_droit p.titre{
float:left;
width:49%;
}
div.bloc_liste_infos p.titre{
font-weight:700;
}
div.bloc_liste_infos div.repondre{
float:left;
width:100%;
padding:0 0 120px 0;
}
div.bloc_liste_infos div.bloc_reponse{
float:left;
width:100%;
background: url(../images/fonds/bordure_gris.gif) repeat-x bottom left;
padding:0 0 10px 0;
}
div.bloc_liste_infos div.bloc_complet{
float:left;
width:100%;
margin:10px 0 10px 0;
}
div.bloc_liste_infos div.bloc_complet p.texte{
float:left;
width:70%;
}
div.bloc_liste_infos div.bloc_complet p.titre{
float:left;
width:25%;
}
p#reponse:hover{
cursor : pointer;
}
div.bloc_liste_infos div.bloc_gauche table,
div.bloc_liste_infos div.bloc_droit table{
margin:10px 0 0 0;
}

/*-----------------------------------Liste des candidatures----------------------------------*/
p.effacer_critere{
float:left;
margin:0 0 0 20px;
height:21px;
line-height:21px;
position:absolute;
top:6px;
left:494px;
}
p.effacer_critere a{
text-decoration:none;
}
p.retour_recherche{
position:absolute;
top:-18px;
right: 0px;
}
p.retour_recherche a{
text-decoration:none;
}

div.resultats_recherche{
float:left;
width:100%;
}
div.resultats_recherche p{
float:left;
width:100%;
}
div.resultats_recherche ul{
float:left;
width:86%;
margin:0 0 0 14%;

}
div.resultats_recherche ul li{
float:left;
width:100%;
font-size:11px;
color:#384875;
}

/*--------FICHIERS CANDIDATURE-------*/

div.liste_fichiers{
float:lett;
width:100%;
margin:0 0 14px 0;
}
div.liste_fichiers div.bloc{
float:left;
width:49%;
}
div.liste_fichiers ul{
float:left;
width:100%;
}
div.liste_fichiers ul li{
float:left;
width:100%;
height:18px;
line-height:18px;
margin:0 0 8px 0;
}
div.liste_fichiers ul li span.del{
float:left;
width:24px;
}
div.liste_fichiers ul li span.picto{
float:left;
width:24px;
}
div.liste_fichiers ul li span.lien a{
float:left;
font-size:11px;
}
/*----------------------------------------   FORMULAIRES    --------------------------------------------*/
div.formulaire {
	float:left;
	position:relative;
	width:100%;
	padding:5px 0 5px 0;
	border-width:0 0 1px 0;
}
div.sepa_form{
margin:24px 0 0 0;
}

div.sepa_form_bas{
margin:0 0 60px 0;
}
div.formulaire p{
	float:left;
}
div.formulaire p.radio{
	float:left;
	width:65%;
}
div.formulaire p.lien{
float:left;
font-size:12px;
padding:2 0 0 12px;
}
div.formulaire div.checkbox{
float:left;
width:70%;
}
div.formulaire span.sous_label{
padding:0 10px 0 0;
}
div.formulaire span.sous_label_marge{
padding:0 10px 0 10px;
}
div.formulaire p.label{
	width:180px;
	float:left;
	font-weight:700;
	color:#374977;
}
div.formulaire p.label_grand{
	width:250px;
}
div.formulaire p.label_moyen{
	width:210px;
}
div.formulaire p.label_full{
	width:100%;
}
div.formulaire p.label_petit{
	width:200px;
	float:left;
	font-weight:700;
	color:#374977;
}
div.formulaire p.label_tres_petit{
	width:100px;
	float:left;
	font-weight:700;
	color:#374977;
}
div.formulaire select.normal_moit{
	width:286px;
	margin:6px 0 0 0;
}
div.formulaire p.label_moit label{
	float:left;
	font-weight:700;
	color:#374977;
	width:290px;
}
div.formulaire input.normal{
	width:300px;
}
div.formulaire input.moyen{
	width:390px;
}
div.formulaire input.petit{
	width:120px;
}
div.formulaire input.petit_2{
	width:140px;
}
div.formulaire input.mini{
	width:50px;
}
div.formulaire textarea.normal{
	width:300px;
	height:150px;
}
div.formulaire textarea.moyen{
	width:390px;
	height:150px;
}
div.formulaire textarea.grand{
	width:500px;
	height:350px;
}
div.formulaire select.normal{
	width:304px;
}
div.formulaire select.petit{
	width:100px;
}
div.formulaire select.moyen{
	width:150px;
}
div.formulaire select span.italic{
font-size:9px;
}
div.formulaire p.fichier_admin a{
position:relative;
right:-20px;
bottom:0px;
text-decoration:underline;
}
div.formulaire div.note_formulaire p{
float:left;
margin:0 10px 0 0;
}
div.formulaire div.note_formulaire p img:hover{
cursor:pointer;
}
div.formulaire p.choix_nb{
float:left;
margin:0 20px 0 0;
}

.submit{
border:1px solid #fff;
color:#fff;
font-size:11px;
cursor:pointer;
background:#374977;
padding:4px 10px 4px 10px;
}
.submit_petit{
float:left;
margin:0 0 0 10px;
padding:3px;
}
.submit_moyen{
position:absolute;
bottom:0px;
left:255px; 
}
.submit_normal{
position:absolute;
bottom:0px;
right:0px; 
}
.btn_submit{
margin:0 0 0 20px;
}
.mess,
.mess_err{
float:left;
width:100%;
border: 2px solid #385f8c;
margin:18px 0 18px 0;
color:#294666;
font-weight:700;
}
.mess_err{
display:none;
}
.mess_valide{
float:left;
width:95%;
border: 2px solid #6eb700;
color:#6eb700;
font-weight:700;
margin:18px 0 18px 0;
}
.mess_valide p{
margin:10px 10px;
font-size:12px;
text-align:center;
color:#6eb700;
}
.mess_petit{
float:left;
width:350px;
border: 2px solid #385f8c;
margin:18px 0 18px 0;
padding:12px;
font-weight:700;
}
div.mess dt,
div.mess_petit dt,
div.mess_err dt{
	font-size:12px;
	margin:10px 20px 0 20px;
	font-weight:700;
	color:#294666;
}
div.mess p,
div.mess_petit p,
div.mess_err p{
	margin:10px 10px;
	font-size:12px;
	color:#294666;
	text-align:center;
}
div.mess a,
div.mess_err a{
	color:#000;
	text-decoration:underline;
}
div.mess ul,
div.mess_petit ul,
div.mess_err ul{
	margin:0 20px;
	list-style-type:square;
	list-style-position:inside;
}
div.mess ul li,
div.mess_petit ul li,
div.mess_err ul li{
	font-size:12px;
	color:#294666;
	list-style-type:square;
	list-style-position:inside;	
}

div.message{
float:left;
width:100%;
margin:10px 0 10px 0;
}
div.message p.erreur,
div.message p.valid{
float:left;
width:100%;
font-weight:700;
}
div.message p.erreur{
color:red;
}
div.message p.valid{
color:#294666;
}

div.bloc_moit_bordure{
position:relative;
background:url(../images/fonds/bordure_gris_bleu_v.gif) repeat-y left top;
}
div.bloc_moit_bordure p.sepa_form_option{
position:absolute;
left:-7px;
top:-18px;
font-size:12px;
font-weight:700;
}

div.moitie{
float:left;
width:46%;
padding:0 28px 0 0;
}
div.moitie_droit{
width:46%;
padding:0 0 0 14px;
}
div.moitie table{
margin: 14px 0 0 0;
}

/*-------------ESPACE SALARIE--------------*/
div#menu div.menu_secondaire ul.menu_niveau1 li.mess_espace_salarie h1{
background:none;
}
div.carte_france p.lien_carte_france{
float:left;
height:24px;
line-height:24px;
background:url(../images/puces/carte_france.gif) no-repeat center left;
}
div.carte_france p.lien_carte_france a{
padding:0 0 0 29px;
}

div.liste_depts{
float:left;
width:100%;
margin:8px 0 8px 0;
}
div.liste_depts p{
float:left;
width:100%;
text-decoration:underline;
margin:0px 0 8px 0;
}
div.liste_depts ul li{
float:left;
width:32%;
color:#374977;
font-size:11px;
}

/*---------------STATS------------*/
div.graph_offres_pourvues{
float:left;
width:500px;
height:250px;
}

/*-------------------------TABLEAU-------------------*/
table.tab_normal{
float:left;
width:100%;
border:1px solid #68abe0;
border-width:1px 1px 0 0; 
}
table.tab_marge{
margin:20px 0 0 0;
}
table.tab_normal th,
table.tab_normal td{
padding:6px 4px 6px 4px ;
border:1px solid #68abe0;
border-width:0 0 1px 1px; 
font-size:12px;
color:#384875;
}
table.tab_normal td.souligne:hover{
text-decoration:underline;
font-weight:700;
}
table.tab_normal tr td.cel_parrain{
padding:0 4px 0 4px ;
}
table.tab_normal tr td span.parrain_img{
padding:0 10px 0 0;
}
table.tab_normal td.gras{
font-weight:700;
}
table.tab_normal td.centree{
text-align:center;
}
table.tab_normal tr.ligne_couleur td{
background:#e6f1f8;
}
table.tablesorter thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #e6f1f8;
}
table.tablesorter tr {
	cursor: pointer;
}
.myDragClass{
background:#bcbcbc;
}
table.tab_normal tr.selected{
background:#bcbcbc;
}


table.tab_normal .vue_liaison{
background:url(../images/rayure.jpg) fixed;
}