@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background-image: url(../images/page_bg_1.gif);
	background-repeat: repeat-x;
	background-position: top;
}

a {
	outline: none;
}

form {
	margin: 0;
	padding: 0;
}

input, select,textarea {
	font-family: Arial, Helvetica, sans-serif;
}
input.radio {
 margin:0px 5px 0px 0px;
 vertical-align:middle;
}

#global {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 134px 0 0 0;
	position: relative;
	z-index: 5;
}


/*=================================
	TOPNAV
=================================*/

#global .logo {
	position: absolute;
	top: 0;
	left: 0;
}


/*=================================
	TOPNAV
=================================*/

#global .identity {
	position: absolute;
	font-size: 1em;
	font-weight: normal;
}

#global .topNav {
	position: absolute;
	top: 67px;
	right: 10px;
}
#global .topNav .accesAbonnes, #global .topNav .inscription, #global .topNav .monCompte, #global .topNav .deconnexion {
	display: block;
	width: 144px;
	height: 35px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -999em;
	float: left;
	margin-left: 10px;
}
#global .topNav .expiration {
	display: block;
	width: 234px;
	height: 35px;
	background-repeat: no-repeat;
	float: left;
}
#global .topNav .expiration {
	margin-right: 50px;
	background-image: url(../images/expiration_1.png);
}

#global .topNav .accesAbonnes {
	background: transparent url(../images/bt_acces.gif) left;
}
#global .topNav .accesAbonnes:hover {
	background: #FFF url(../images/bt_acces.gif) right;
}
#global .topNav .inscription {
	background: transparent url(../images/bt_inscription.gif) left;
}
#global .topNav .inscription:hover {
	background: #FFF url(../images/bt_inscription.gif) right;
}
#global .topNav .monCompte {
	background: transparent url(../images/bt_compte.gif) left;
}
#global .topNav .monCompte:hover {
	background: #FFF url(../images/bt_compte.gif) right;
}
#global .topNav .deconnexion {
	background: transparent url(../images/bt_deconnexion.gif) left;
}
#global .topNav .deconnexion:hover {
	background: #FFF url(../images/bt_deconnexion.gif) right;
}


/*=================================
	TITRE
=================================*/

.titrePage {
	position: relative;
	width: 668px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
}

.titrePage .titreV2 {
	width: 568px;
	height: 44px;
	background-image: url(../images/bg_titre.gif);
	background-repeat: no-repeat;
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 22px;
	font-weight: normal;
	color: #FFF;
	margin: 0;
	padding: 24px 0 0 100px;
}

.titrePage h1 {
	width: 568px;
	height: 44px;
	background-image: url(../images/bg_titre.gif);
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 22px;
	font-weight: normal;
	color: #FFF;
	margin: 0;
	padding: 21px 0 0 100px;
}

.titrePage .titreV2 h1 {
/*	float: right;*/
	background-image: none;
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 3px;
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 0;
}

.titrePage .rechercheAvancee {
	position: absolute;
	right: 20px;
	bottom: 10px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 11px;
}
.titrePage .rechercheAvancee:hover{
	color: #FFFFFF;
}
.titrePage .rechercheNouvelle {
	position: absolute;
	right: 20px;
	bottom: 23px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.titrePage .rechercheNouvelle:hover{
	color: #FFFFFF;
}

.titrePage2 {
	position: relative;
	width: 778px;
	margin-left: 10px;
	margin-right: auto;
	margin-bottom: 6px;
}
.titrePage2 h1 {
	width: 728px;
	height: 44px;
	background-image: url(../images/bg_titre2.gif);
	background-repeat: no-repeat;
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 22px;
	font-weight: normal;
	color: #FFF;
	margin: 0;
	padding: 21px 0 0 100px;
}
.titrePage3 {
	position: relative;
	width: 778px;
	margin-left: 10px;
	margin-right: auto;
	margin-bottom: 0;
}
.titrePage3 h1 {
	width: 815px;
	height: 85px;
	background-image: url(../images/bg_titre2.gif);
	background-position: center;
	background-repeat: no-repeat;
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 22px;
	font-weight: normal;
	color: #FFF;
}

/*=================================
	BLOCK
=================================*/

.conteneur {
	width: 661px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/block_bg_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #e0e0e0;
	padding-bottom: 30px
}
.contenu {
	width: 621px;
	padding: 10px 20px 0 20px;
	background-image: url(../images/block_bg_top.gif);
	background-position: top;
	background-repeat: no-repeat;
	min-height: 150px;
	position: relative;
}

.conteneur_emploi {
	width: 778 px;
	margin-left: auto;
	margin-right: auto;
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #FFF;
	padding-bottom: 30px
}
.contenu_emploi {
	width: 778 px;
	padding: 10px 20px 0 20px;
	background-position: top;
	background-repeat: no-repeat;
	min-height: 150px;
	position: relative;
}
.contenuContact {
	width: 621px;
	padding: 10px 20px 0 20px;
	background-image: url(../images/block_bg_top.gif);
	background-position: top;
	background-repeat: no-repeat;
	Height: 420px;
	position: relative;
}
.contenuIpod {
	width: 621px;
	padding: 10px 20px 0 20px;
	background-image: url(../images/block_bg_top.gif);
	background-position: top;
	background-repeat: no-repeat;
	Height: 930px;
	position: relative;
}
.tableBasic {
	padding: 0;
	margin: 0;
	border: none;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
.tableBasic td {
	padding: 5px 2px 5px 2px;
	margin: 0;
	border: none;
	border-collapse: collapse;
	font-size: 12px;
}
.tableBasic td.intitule {
	text-align: right;
	vertical-align: middle;
}
.tableBasic a {
	color: #6c6c6c;
	text-decoration: none;
}
.tableBasic a:hover {
	text-decoration: underline;
}
.tableBasic td.boutons {
	padding-top: 14px;
}

a.modifUser {
	color: blue;
}
a.modifUser:hover {
	text-decoration: underline;
}


input.txt {
	background-image: url(../images/input_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: solid 1px #cbcbcb;
	font-size: 12px;
	padding-left: 3px;
	color: #7f7f7f;
}

input.searchempty {
	background-image: url(../images/input_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: solid 1px #cbcbcb;
	font-size: 12px;
	padding-left: 3px;
	color: #7f7f7f;
}

input.searchnotempty {
	background-image:url(../images/input_bg_color.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: solid 1px #cbcbcb;
	font-size: 12px;
	padding-left: 3px;
	color: #7f7f7f;
}

textarea.txt {
	background-image: url(../images/input_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFF;
	border: solid 1px #cbcbcb;
	font-size: 12px;
	padding-left: 3px;
	color: #7f7f7f;
}
select.txt {
	border: solid 1px #cbcbcb;
	font-size: 12px;
	padding: 1px;
	color: #7f7f7f;
}
.resultBox {
	width: 196px;
	height: 23px;
	background-image: url(../images/bg_resultbox.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
	padding: 11px 15px 0 25px;
	margin: 0 30px 0 0;
	text-align: center;
	color: #be6400;
	font-size: 11px;
}
.resultBox strong {
	color: #000;
	font-weight: normal;
}
.btLeft {
	float: left;
}
.btRight {
	float: right;
}
h2.intertitre {
	font-family: Helvetica, Arial, sans-serif, Verdana;
	font-size: 17px;
	border-bottom: solid 1px #cbcbcb;
	padding-bottom: 4px;
	margin: 0 0 10px 0;
/*	text-align: left;*/
}
.intertitre_emploi {
	text-align: left;
}
.intertitre_emploi img {
	border-bottom: solid 1px #cbcbcb;
	padding-bottom: 4px;
	margin: 0 0 10px 0;
	left: 0;
/*	width: 100%;*/
}
.intertitre_emploi h2 {
	font-size: 1px;
	color: #FFF;
}
.intertitre_emploi correctif {
	left: 0;
	width: 100%;
}
.tableBasic td.txt11 {
	font-size: 11px;
}
.tableBasic td.txtGris {
	color: #707070;
}
.tableBasic td.txtMontant {
	border:0px;
	text-align: right;
	color: #707070;
}
.tableBasic td.intitule {
	border:0px;
	text-align: left;
	color: #000000;
}
.tableBasic textarea {
	color: #707070;
	font-size: 12px;
}
.tableBasic select {
	color: #707070;
}
fieldset {
	border: solid 1px #cbcbcb;
	margin: 0 12px 0 12px;
	padding: 10px;
	font-size: 11px;
}
fieldset legend {
	font-weight: bold;
	font-size: 11px;
}
fieldset input {
	font-size: 11px;
}
fieldset table {
	margin-top: 6px;
	margin-bottom: 2px;
}

.note {
	padding: 10px;
	font-size: 10px;
	font-style: italic;
}


/*=================================
	TRANCHES
=================================*/

#recherchesEnregistrees  {
	position: absolute;
	right: 23px;
	top: 20px;
	width: 185px;
	height: 32px;
}

#recherchesEnregistreesV2  {
	position: absolute;
	right: 95px;
	top: 20px;
	width: 185px;
	height: 32px;
}

/*=================================
	TRANCHES
=================================*/

.tranches {
	white-space: nowrap;
	border-left: 1px solid #cbcbcb;
	height: 20px;
}
.tranches a, .tranches a.inactif {
	background-image: url(../images/bg_tranche_left_off.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #7f7f7f;
	padding: 0 0 0 11px;
	display: block;
	float: left;
	line-height: 20px;
	font-size: 10px;
	white-space: nowrap;
	border-right: 1px solid #cbcbcb;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
}
.tranches a span, .tranches a.inactif span {
	background-image: url(../images/bg_tranche_right_off.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 11px 0 0;
	line-height: 20px;
}
.tranches a:hover, .tranches a:hover span {
	color: #000000;
	text-decoration: none;
}
.tranches a.actif {
	background-image: url(../images/bg_tranche_left_on.gif);
	color: #000000;
	text-decoration: none;
}
.tranches a.actif span {
	background-image: url(../images/bg_tranche_right_on.gif);
}


/*=================================
	FOOTER
=================================*/

.footer_old {
	height: 30px;
	width: 631px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	color: #909090;
	padding: 10px 10px 0 20px;
}
.footer {
	height: 40px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/ombre.jpg); 
	background-position: top center;
	background-repeat: no-repeat; 
	margin-top: 25px; 
	color: #909090;
	padding: 10px 10px 10px 20px;
}
.footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
}
.footer ul li {
	margin: 0;
	padding: 0 5px 0 5px;
	display: inline;
	border-left: solid 1px #909090;
}
.footer a {
	text-decoration: none;
	color: #000;
}


/*=================================
	LIST-COMBO
=================================*/

.bt_select {
	color: #888;
	font-size: .9em;
	padding-left: .6em;
	padding-top: .25em;
}


.list-combo {
	padding: 0;
	background-color: white;
	width: 220px;
	font-size: .9em;
	border: solid 1px #cbcbcb;
	position: relative;
	top: -3px;
}

.list-combo .combo {
	padding: .5em .5em .5em .5em;
	overflow-y: scroll;
}

.list-combo .control {
	background-color:#ffc900;
	width: 100%;
	text-align: right;
	padding: .25em;
}

.list-combo .group {
	height: 2em;
	cursor: pointer !important;
	cursor:hand;
}
.list-combo .group img {
	margin-right: .75em;
}
.list-combo .group-list {
	margin-left: 2em;
}
.list-combo .control-select {
	text-align: right;
	margin-top: .5em;
	margin-bottom: 1em;
	margin-left: -1.5em;
	font-size: .8em;
	border-bottom: 1px solid #ccc;
}
.combo input, .combo a {
	position: static;
}


/*=================================
	ERREURS SUR LES FORMULAIRES
=================================*/

.input_error {
	font-size: .8em;
	color: red;
	font-style: italic;
	margin-left: 1em;
}
/*=================================
	NOTES SUR LES FORMULAIRES
=================================*/
.input_note {
	font-size: .75em;
	color: #8d8d8d;
	margin-left: 1em;
}

/*=================================
	RESULTATS
=================================*/

body.resultats {
	background-image: none;
	padding-top: 180px;
}
.resultatsShadow {
	position: static;
	left: 0;
	top: 0;
	width: 100%;
	background-image: url(../images/bg_top_bas.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 0 0 14px 0;
	z-index: 10;
}

/* position:fixed for modern browsers - header and footer do not scroll */
body>div.resultatsShadow {
	position:fixed;
}
.resultatsHeader {
	width: 100%;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #fff;
	background-image: url(../images/bg_top_haut.gif);
}

/* Utilisation de l'image avec dégradé +rapide dans le cas d'une recherche avancée */
.short .resultatsHeader {
	background-image: url(../images/bg_top_haut_short.gif);
}


.resultatsHeader .global {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 58px 0 0 0;
	position: relative;
	z-index: 5;
}

.resultatsHeader .topNav {
	position: absolute;
	top: 7px;
	right: 10px;
/*	width: 900px;*/
}
.resultatsHeader .topNav .accesAbonnes, .resultatsHeader .topNav .inscription, .resultatsHeader .topNav .monCompte, .resultatsHeader .topNav .deconnexion {
	display: block;
	width: 144px;
	height: 35px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -999em;
	float: left;
	margin-left: 10px;
}
.resultatsHeader .expiration {
	display: block;
	position: relative;
	left: -120px; /* à partir du bord gauche de topNav */
	float: left;
	width: 234px;
	height: 35px;
	background-repeat: no-repeat;
	background-image: url(../images/expiration_2.png);
}
.resultatsHeader * {
	clear: none;
}
.resultatsHeader .topNav .accesAbonnes {
	background: #FFCC00 url(../images/bt_acces2.gif) left;
}
.resultatsHeader .topNav .accesAbonnes:hover {
	background: #FFCC00 url(../images/bt_acces2.gif) right;
}
.resultatsHeader .topNav .inscription {
	background: #FFCC00 url(../images/bt_inscription2.gif) left;
}
.resultatsHeader .topNav .inscription:hover {
	background: #FFCC00 url(../images/bt_inscription2.gif) right;
}
.resultatsHeader .topNav .monCompte {
	background: #FFCC00 url(../images/bt_compte2.gif) left;
}
.resultatsHeader .topNav .monCompte:hover {
	background: #FFCC00 url(../images/bt_compte2.gif) right;
}
.resultatsHeader .topNav .deconnexion {
	background: #FFCC00 url(../images/bt_deconnexion2.gif) left;
}
.resultatsHeader .topNav .deconnexion:hover {
	background: #FFCC00 url(../images/bt_deconnexion2.gif) right;
}

.resultatsRechercheSimple h2 {
	font-size: 17px;
	color: #000;
	float: left;
	height: 25px;
	background-image: url(../images/pic_loupe.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 5px 0 0 42px;
	margin: 0;
}
.resultatsRechercheSimple .borderRight {
	background-image: url(../images/bg_trait.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
}
.resultatsRechercheSimple .rechercheAvancee {
	color: #898989;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}
.resultatsRechercheSimple .borderRight .tableBasic {
	margin-top: 3px;
}
.resultatsRechercheSimple .borderRight .tableBasic td {
	padding: 0;
	margin: 0;
	border: none;
	border-collapse: collapse;
}
.resultatsRechercheSimple .tableBasic .intitule {
	padding-left: 15px;
}

div.ResultatsMain {
/* set left margin and bottom padding for IE5/Win */
	padding:0;
	margin-left:0;
/* set left margin and bottom padding for others */
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left:16px;
	padding-bottom:50px;
}
/* set left margin for modern browsers */
body>div.ResultatsMain {
	margin-left:0;
}

.resultatsContent {
	width:780px;
	margin:0 auto;
	padding-top: 12px;
}
.tableResultats {
	padding: 0;
	margin: 0px 0 18px 0;
	border: none;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
	width: 100%;
}
.tableResultats th, .tableResultats td {
	border: solid 1px #FFF;
}
.tableResultats td.ligne {
	border: 0px;
}

.tableResultats th {
	border: solid 1px #FFF;
	background-color: #000000;
	color: #FFFFFF;
	padding: 8px 5px;
}
.tableResultats th.angleLeft {
	background-image: url(../images/bg_angle_left.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.tableResultats th.angleRight {
	background-image: url(../images/bg_angle_right.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
.tableResultats th.angleLeftGris {
	background-image: url(../images/bg_angle_left_Gris.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	border: solid 1px #e7e7e7;
}
.tableResultats th.angleRightGris {
	background-image: url(../images/bg_angle_right_Gris.gif);
	background-position: right top;
	background-repeat: no-repeat;
	border: solid 1px #e7e7e7;
}
.tableResultats td {
	padding: 6px 6px;
}
.tableResultats td.contacts {
	padding: 0;
}
.tableResultats td.raison a {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
.tableResultats td.raison a:hover {
	text-decoration: underline;
}
.tableResultats tr.couleurLigne {
	background-color: #f8f8f8;
}
.tableResultats td.couleurColonne {
	background-color: #efefef;
}
.tableResultats tr.couleurLigne td.couleurColonne {
	background-color: #e4e4e4;
}

.resultatsContent .outils a.btImprimer {
	background-image: url(../images/bg_bouton_left.gif);
	background-position: 0 0;
	border-right: solid 1px #c3c3c3;
}
.resultatsContent .outils a.btExporter {
	background-image: url(../images/bg_bouton_right.gif);
	background-position: right top;
	border-left: solid 1px #c3c3c3;
}
.resultatsContent .outils a.btExporter, .resultatsContent .outils a.btImprimer {
	background-repeat: no-repeat;
	display: block;
	width: 75px;
	text-align: center;
	height: 17px;
	color: #000;
	text-decoration: none;
	float: left;
	margin-right: 6px;
	padding-top: 3px;
}
.resultatsContent .outils a.btExporter {
	background-repeat: no-repeat;
	display: block;
	width: 130px;
	text-align: center;
	height: 17px;
	color: #000;
	text-decoration: none;
	float: left;
	margin-right: 6px;
	padding-top: 3px;
}
input.caseExport {
	position:relative;
	left: -6px;
	top: 3px;
}
.caseExportAll_old{
	float: left;
    margin-left: -80px;
	margin-top: 1px;
	width:5px;
	height:5px;
}
.caseExportAll {
	float: left;
    margin-left: -135px;
	margin-top: 1px;
	width:5px;
	height:5px;
}
.resultatsContent .navigation {
	float: right;
}
.resultatsContent .navigation a.btPrecedent, .resultatsContent .navigation a.btSuivant {
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -999em;
	width: 23px;
	height: 20px;
	display: block;
	float: left;
	margin: 0 3px 0 3px;
}
.resultatsContent .navigation a.btPrecedent {
	background-image: url(../images/bt_precedent.gif);
}
.resultatsContent .navigation a.btSuivant {
	background-image: url(../images/bt_suivant.gif);
}
.resultatsContent .navigation a.page {
	display: block;
	float: left;
	margin: 3px 4px 0 4px;
	text-decoration: none;
	color: #000;
}
.resultatsContent .navigation a.page:hover {
	text-decoration: underline;
}

.tableResultats .details {
	padding: 0;
	margin: 0;
	border: none;
	border-collapse: collapse;
	width: 100%;
}
.tableResultats .details td {
	padding: 0;
	margin: 0;
	border: none;
	border-collapse: collapse;
}
.tableResultats .details td.couleur1 {
	background-color: #ffcc00;
	border-top: solid 1px #FFF;
	padding: 0 5px;
}
.tableResultats .details td.couleur2 {
	background-color: #fee98e;
	border-top: solid 1px #FFF;
	padding: 0 5px;
}
.tableResultats .details td.nom {
	background-image: url(../images/detail_separateur.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.tableResultats .details td.fonction {
	background-image: url(../images/detail_separateur.gif);
	background-repeat: no-repeat;
	background-position: right;
/*	color: #be6400;*/
}
.tableResultats .details td.departement {
	background-image: url(../images/detail_separateur.gif);
	background-repeat: no-repeat;
	background-position: right;
	color: #be6400;
}
.tableResultats .details td.afficher {
	text-align: right;
	padding-right: 15px;
}
.tableResultats .details td.afficher a {
	color: #be6400;
	font-size: 11px;
	text-decoration: none;
	padding-left: 1px;
}
.resultatsContent .affichage {
	float: left;
}
.resultatsContent .affichage a.btAffichage {
	background-image: url(../images/bg_affichage_left.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0 0 0 30px;
	line-height: 20px;
}
.resultatsContent .affichage a.btAffichage span {
	background-image: url(../images/bg_affichage_right.gif);
	background-repeat: no-repeat;
	background-position: right 0;
	display: block;
	padding: 0 10px 0 0;
	line-height: 20px;
	width: 120px;
	height: 20px;
	cursor: pointer !important;
	cursor: hand;
}

body.resultats div.resultatsFooter {
	width: 100%;
	z-index: 10;
	background-color: #FFF;
}
div.resultatsFooter {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:80px;
	background-color: #FFFFFF;
}
body>div.resultatsFooter {
	position:fixed;
}
body div.resultatsFooter_old div.footer_old {
	height: 30px;
	width: 748px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/bg_footer2.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	color: #909090;
	padding: 10px 10px 0 20px;
}
body div.resultatsFooter div.footer {
	height: 80px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	background-image: url(null);
	background-position: top center;
	background-repeat: no-repeat; 
	margin-top: 5px; /* 25 */
	color: #909090;
	padding: 10px 10px 0 30px;
}

/*=================================
	CORRECTION OVERFLOW
=================================*/
html {

	background:url(../images/spacer.gif) fixed repeat-x;
}
html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */

}
html>body #wrap {height:100%;} /* 100 % height */
#header {
	width:100%;
	height:180px;
}
#header.short {
	width:100%;
	height:140px;
}

.masque {
	position: absolute;
	width:100%;
	height:100%;
	z-index:9;
	background: #fff;/*transparent;*/
		opacity : 0;
		filter : alpha(opacity=0);
}

html>body #header {
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}
html>body #content-wrap {height:100%;} /* 100 % height */
#content.short {padding: 140px 1em 70px 1em; }
#content.tall {padding: 180px 1em 70px 1em; }

#footer {
	width:100%;
	height:50px;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}


/*=================================
	RECHERCHES ENREGISTREES
=================================*/

#requetes_list_container {
	border: 1px solid #cbcbcb;
	padding: .5em;
	background-color: #fff;
	width: 250px;
	height: 120px;
	overflow-y: scroll;
	overflow-x: hidden;
	font-size: .8em;
}

.listeRecherches {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
	border-collapse: collapse;
}
.listeRecherches .color {
	background-color: #fff9e1;
}
.listeRecherches td {
	padding: 3px 6px 3px 6px;
}
.listeRecherches a {
	color: #706f6f;
	text-decoration: none;
}
.listeRecherches a:hover {
	color: #000;
}


/*=================================
	POPUP
=================================*/

.popupContainer, .popupContainerSmall {
	position: absolute;
	z-index: 200;
	width: 100%;
	height: 100%;
}

.popupShadow {
	padding: 13px;
	background-image: url(../images/popup_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 320px;
	height: 350px;
	margin: 0 auto;
	margin-top: 150px;
}

.popupContainerSmall .popupShadow {
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../images/popup_small_bg.png);
	width: 320px;
	height: 200px;
}

.popupBgcolor {
	margin: 0;
	padding: 0;
	background-image: url(../images/popup_content_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #FFF0A3;
	width: 320px;
	height: 350px;
}

.popupContainerSmall .popupBgcolor {
	width: 320px;
	height: 200px;
}

.popupTopbar {
	margin: 0;
	padding: 4px 4px 0 0;
	background-image: url(../images/popup_topbar_bg.gif);
	background-repeat: repeat-X;
	background-position: top;
	background-color: #ffcc00;
	width: 316px;
	height: 31px;
	text-align: right;
}

.popupContent {
	margin: 0;
	padding: 10px;
}
.popupContent p {
	margin: 0px 0 0px 0;
}

.popupContent p.bloc {
	margin: 8px 0 8px 0;
}

.popupContent span {
	color: #be6400;
}
.popupContent a.imprimerFiche {
	background-image: url(../images/bg_print_left.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0 0 0 30px;
	line-height: 20px;
	margin: 15px auto 0 auto;
	width: 180px
}
.popupContent a.imprimerFiche span {
	background-image: url(../images/bg_print_right.gif);
	background-repeat: no-repeat;
	background-position: right 0;
	display: block;
	padding: 0 10px 0 0;
	line-height: 20px;
	color: #000;
}


.popupContent .outils {
	margin-top: 2em;
	float: right;
}

.popupContent a.btLeft, a.btRight {
	display: block;
	width: 60px;
	text-align: center;
	height: 17px;
	color: #000;
	text-decoration: none;
	float: left;
	margin-right: 6px;
	padding-top: 3px;
}
.popupContent a.btLeft {
	background-image: url(../images/bg_bouton_left.gif);
	background-position: 0 0;
	border-right: solid 1px #c3c3c3;
}
.popupContent a.btRight {
	background-image: url(../images/bg_bouton_right.gif);
	background-position: right top;
	border-left: solid 1px #c3c3c3;
}

.popupContent .warn {
	color: #ee0000;
	text-align: center;
	font-weight: bold;
	width: 300px;
	margin: auto;
	padding: 0;
	margin: 0;
/*	margin-bottom: -1em;*/
}

.popupContent .message {
	margin: 1em;
}

.popupContent .link {
	margin-top: 1em;
	font-weight: bold;
	text-align: right;
	margin-top: 10px; 
	margin-bottom: -1em;
}

.popupContent .link a {
	color: #be6400;
	text-decoration: none;
}

/*=================================
	LOGO
=================================*/

#global .logo {
	position: absolute;
	top: 0;
	left: 10px;
	background-image: url(../images/logo_zebaz.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 350px;
	height: 85px;
}
#global .logoFreemium {
	background-image: url(../images/v2/logo_zebaz_freemium.gif);
}
#global .logoPremium {
	background-image: url(../images/v2/logo_zebaz_premium.gif);
}

.resultatsHeader .global .logo {
	position: absolute;
	top: 1px;
	left: 10px;
	background-image: url(../images/logo_zebaz_small.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 187px;
	height: 65px;
}
.resultatsHeader .global .logoFreemium {
	background-image: url(../images/v2/logo_zebaz_freemium_small.gif);
}
.resultatsHeader .global .logoPremium {
	background-image: url(../images/v2/logo_zebaz_premium_small.gif);
}

.boutonActionParDefaut {
	position:relative;
	left:-2000px;
	top:-2000px;
	height:0px;
	width:0px;
	max-height:0px;
	max-width:0px;
}

/*=================================
	USER
=================================*/


.identity {
	background: transparent url(../images/bg_user_right.gif) no-repeat scroll top right;
	color: #FFF;
	display: block;
	font: bold 11px verdana, arial, sans-serif;
	height: 28px;
	padding-right: 12px; /* sliding doors padding */
	text-decoration: none;
	position: absolute;
	top: 25px;
	right: 0px;
}
.identity span {
	background: transparent url(../images/bg_user_left.gif) no-repeat;
	display: block;
	line-height: 18px;
	padding: 5px 0 5px 22px;
}

.accueilBlanc  {
	width: 50px;
}

.accueilRight {
	text-align: right;
}

.accueilVerticalCenter {
	vertical-align: middle;
}

.tableNews {
	background-image: url(../client/images/zebaz_accueil/bloc_news_fond.png);
	float: left;
	background-repeat: no-repeat;
	background-position: top left;
	/*border: 1px solid red;*/
	margin-left:20px;
	width: 172px; 
	height :191px; 
}

.tableNews img {
	margin-left:7px;
	margin-top: 0;
}

.tableNews  .imageTitre {
	margin-left:0;
}

#news1, #news2 {
	width: 162px;
	height: 40px;
	padding: 0 10px 5px 10px;
	font-size: 10px;
	visibility: hidden;
}

#news1 ul li:hover, #news2 ul li:hover {
	background-color: transparent;
}	
.newsTitre1 {
	padding: 10px 10px 5px 10px;
	font-size: 14px;
	color: #be6400;
}

.newsTitre2 {
	padding: 5px 10px 5px 10px;
	font-size: 14px;
	color: #be6400;
}

#news1 ul li div, #news2 ul li div {
	height: 45px;
}

.newsClear {
	height: 3px;
}

.news_separateur {
	padding-top: 15px;
}
	
#cacheScrollingHaut {
	display: none;
	position: relative;
	float: right;
	top:92px;
	left: -12px;
	z-index: 10;
}

#cacheScrollingBas {
	display: none;
	position: relative;
	float: right;
	top:-26px;
	left: -15px;
	z-index: 10;
}

.tableAnnonce {
	margin-top: 20px;
	height: 200px;
	width: 669px;
	background-image: url(../images/v2/accueil/bg_menu_accueil.png); 
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: top;
	/*border: 1px solid red;*/
}
/*
.tableAnnonceCoin {
	height: 9px;
	width: 9px;
}*/

.tableAnnonceInterne {
	vertical-align: center;
	margin-left: 5px;
}

.present_menu  a {
	display: block;
	width: 175px;
	height: 33px;
	line-height: 33px; /* résoud le problème du vertical-align: middle qui ne fonctionne pas */
	font-size: 14px;
	color: #777777;
	text-align: center;
	text-decoration: none;
}

.present_menu  a:hover {
	color: #000;
}

.presentLigne {
	background-image: url(../client/images/zebaz_accueil/bloc_offres_ombres_separatrices.png);
	background-position: top left;
	width: 175px;
	height: 12px;
}

.presentTitre , .presentTitre a {
	color: #be6400;
	padding-left: 25px;
}

.presentFooter , .presentFooter a {
	color: #be6400;
	padding-left: 20px;
}

.presentRight {
/*	position: relative;*/
	float: right;
	height: 180px;
	width: 190px;
	margin: 0 5px 0 5px;
	text-align: right;
}

.ListLink ul li a {
 	color: #be6400;
}

.present_content {
	width: 475px;
	vertical-align: top;
	font-size: 11px;
	text-align: justify;
	padding: 20px 5px 5px 5px;
/*	background-color: #FFF;*/
}

.present_content  div p {
	text-align: justify;
}

.present_content div ul li {
/*	background-color: #FFF;*/
	background-color: transparent;
/*	list-style-image: url(../images/triangle.png);*/
	margin-left: -25px;
}

.LiensPagePerso {
	color: blue;
	text-decoration: none;
}

.LiensPagePersoHaut {
	/* width: 500px; */
	text-align: justify;
	color: blue;
	text-decoration: none;
}

.LiensPagePerso:hover {
	text-decoration: underline;
}
	
.noUnderline .bt_select {
	text-decoration: none;
}
	
.noUnderline .bt_select:hover {
	text-decoration: underline;
}	
	
.linkAccueil a {
	color: #777777;
	text-decoration: none;
	font-weight: bold;
}

.linkAccueil  a:hover {
	text-decoration: underline;
}

/*==============================
	tableau page d'accueil
==============================*/
#accueil_menu_1 {
	position: relative;
	vertical-align: middle;
	width: 200px;
	height: 50px;
	background-image: url(../images/v2/accueil/bt-accueil_annuaire_contacts.png); 
	background-repeat: no-repeat;
	background-position: center left;
	text-align: center;
	font-size: 1px;
/*	line-height: 50px; */ /* résoud le problème du vertical-align: middle qui ne fonctionne pas */
/*	font-size: 14px;*/
	text-decoration: none;
}

#accueil_menu_1 h1, #accueil_menu_2 h1, #accueil_menu_3 h1, #accueil_menu_4 h1 {
	color: #FFF;
	font-size: 1px;
	z-index: -10;
}

#accueil_menu_1 img, #accueil_menu_2 img, #accueil_menu_3 img, #accueil_menu_4 img {
	z-index: 10;
}

#accueil_menu_1 a {
	color: #777777;
	display: block;
	text-decoration: none;
}
#accueil_menu_1:hover {
	right: 0;
	background-position: center left;
	cursor: pointer;
}

#accueil_menu_2 {
	position: relative;
	vertical-align: middle;
	width: 200px;
	height: 50px;
	background-image: url(../images/v2/accueil/bt-accueil_fichier_sur_mesure.png); 
	background-repeat: no-repeat;
	background-position: center right;
	text-align: center;
	line-height: 50px;
	font-size: 1px;
	text-decoration: none;
}
#accueil_menu_2 a {
	color: #777777;
	display: block;
	text-decoration: none;
}
#accueil_menu_2:hover {
	background-position: center left;
	cursor: pointer;
}

#accueil_menu_3 {
	position: relative;
	vertical-align: middle;
	width: 200px;
	height: 50px;
	background-image: url(../images/v2/accueil/bt-accueil_emailing.png); 
	background-repeat: no-repeat;
	background-position: center right;
	display: block;
	text-align: center;
	line-height: 50px;
	font-size: 1px;
	color: #777777;
	text-decoration: none;
}
#accueil_menu_3 a {
	color: #777777;
	display: block;
	text-decoration: none;
}
#accueil_menu_3:hover {
	background-position: center left;
	cursor: pointer;
	z-index: 10;
}
#accueil_menu_3 a:hover {
	color: #000;
}

#accueil_menu_4 {
	position: relative;
	vertical-align: middle;
	width: 200px;
	height: 50px;
	background-image: url(../images/v2/accueil/bt-accueil_informations_financieres.png); 
	background-repeat: no-repeat;
	background-position: center right;
	display: block;
	text-align: center;
	line-height: 50px;
	font-size: 1px;
	color: #777777;
	text-decoration: none;
}
#accueil_menu_4 a {
	color: #777777;
	display: block;
	text-decoration: none;
}
#accueil_menu_4:hover {
	background-position: center left;
	cursor: pointer;
	z-index: 10;
}
#accueil_menu_4 a:hover {
	color: #000;
}

.champ_obligatoire {
	color: red;
	font-size: 10px;
	font-style: italic;
}

.societeAfficher {
	/*text-align: left;*/
}
.userAfficher {
	/*text-align: left;*/
}

/*==============================
	page mode d'emploi
==============================*/
.contenu_emploi ul li {
	list-style-image: url(../images/triangle.png);
	margin-left: 45px;
}
.titre2_mode_emploi {
	color: #900000;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 30px;
}
.utilisation p, .utilisation div {
	text-align: left;
}
/*
.utilisation .image_titre {
	text-align: left;
}*/

/*===================================
	tableau comparaison v2
==================================*/	
.tableComparaison2 {
	width: 672px;
	height: 40px;
	margin-left: 0px;
	font-family: arial;
	color: #D1753F;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	padding-left: 0px;
/*	border: 1px solid red;*/
}
.tableComparaison2  td {
/*	border: 1px solid red;*/
}
.tableComparaison2 .boutons {
	text-align: right;
	padding: 5px 20px 30px 0; 
}
.tableComparaison2 textarea, .tableComparaison2 select, .tableComparaison2 radio {
	color: #707070;
	font-size: 12px;
}
.CompHeader {
/*	background-image: url(../images/TableauComparaison_header.png);*/
	background-image: url(../images/fonctionnalites-table.png);
	height: 40px;
}
.CompFirst {
/*	background-position: top left;*/
	width: 348px;
	padding-left: 34px;
}
.CompFirst div.detail {
/*	background-position: top left;*/
	font-size: 11px;
	padding-left: 40px;
/*	font-style: italic;*/
	display: none;
	color: #000;
	font-weight: normal;
}

.CompMiddle1 {
/*	background-position: top center;*/
	text-align: center;
	width: 108px;
/*	width: 40px;*/
}
.CompMiddle2 {
/*	background-position: top center;*/
	text-align: center;
	width: 108px;
}
.CompLast {
/*	background-position: top right;*/
	text-align: center;
	width: 108px;
}
.tableComparaison2 img {
	text-align: center;
/*	width: 30px;
	height: 30px;*/
}
.tableComparaison2.header img {
	text-align: center;
}
.tableComparaison2 img.bouton {
	text-align: center;
	width: 88px;
	height: 70px;
}
.impair {
	background-color: #F3F1D2;
}	

.tarifFirst {
	width: 155px;
	text-align: center;
	height: 30px;
}
.tarifSecond {
	width: 246px;
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 11px;
}
.tarifThird {
	width: 270px;
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 11px;
}
.serviceHeader {
	font-weight: normal;
	text-align: center;
	font-size: 11px;
}
.serviceFirst {
	width: 80px;
	font-weight: normal;
	text-align: center;
	font-size: 11px;
	height: 10px;
}
.serviceSecond {
	width: 80px;
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 11px;
}
.serviceThird {
	width: 80px;
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 11px;
}
.facture1 {
	width: 90px;
	text-align: left;
	height: 30px;
	padding-left: 20px;
}
.facture2 {
	width: 130px;
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 11px;
}
.facture3 {
	width: 70px;
	text-align: right;
	color: #000;
	font-weight: normal;
	font-size: 11px;
}
.facture4 {
	width: 100px;
	text-align: right;
	color: #000;
	font-weight: normal;
	font-size: 11px;
}
.facture5 {
	width: 85px;
	text-align: left;
	color: #000;
	font-weight: normal;
	font-size: 11px;
	padding-left: 65px;
}
.facture6 {
	text-align: left;
}
.facture7 {
	text-align: left;
	padding-left: 30px;
}
.niveauHeader {
	background-color: #FFCC00;
	color: #D1753F;
	font-size: 14px;
	font-weight: bold;
}
.compteFirst {
	width: 200px;
	text-align: left;
	height: 30px;
	padding-left: 20px;
/*	color: #000;*/
}
.compteSecond {
	width: 480px;
	text-align: left;
	color: #000;
	font-weight: normal;
	font-size: 11px;
}
.compteAdresseDifferente{
	height: 30px;
	padding-left: 20px;
	text-align: left;
	color: #000;
	font-weight: normal;
	font-size: 11px;
}
.service1 {
	width: 265px;
	text-align: left;
	height: 30px;
	padding-left: 20px;
}
.service2 {
	width: 55px;
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 11px;
}
.service3 {
	width: 135px;
	text-align: left;
	color: #000;
	font-weight: normal;
	font-size: 11px;
}
.service4 {
	width: 190px;
	text-align: left;
	color: #000;
	font-weight: normal;
	font-size: 11px;
/*	margin-left: 25px;*/
}
.tableComparaison2 .alignGauche80 {
	text-align: left;
	padding-left: 88px;
}
.emailingFirst {
	width: 201px;
	text-align: center;
	height: 30px;
}
.emailingSecond {
	width: 230px;
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 11px;
}
.emailingThird {
	width: 240px;
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 11px;
}
.quantiteFirst {
	width: 70px;
	text-align: right;
	height: 30px;
}
.quantiteSecond {
	width: 456px;
	text-align: right;
	color: #000;
	font-weight: normal;
	font-size: 11px;
}
.quantiteThird {
	text-align: right;
	width: 145px;
}
.fichierFirst {
	width: 355px;
	height: 30px;
}
.fichierSecond {
	width: 256px;
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 11px;
}
.fichierThird {
	text-align: right;
	width: 50px;
}
.tableComparaison2 .alignGauche30 {
	text-align: left;
	padding-left: 38px;
}
/*==========================================
    popups tarifs dans monCompte
==========================================*/

#tarifAnnuaire, #tarifExport, #tarifCap {
	position: absolute;
/*	position: relative;*/
	top: 1000px; 
}

/*==========================================
    sliders
==========================================*/
.layout { 
	padding: 0;
/*	font-family: Georgia, serif;*/
}

 .layout-slider {
	margin: 0;
	width: 450px;
}