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

/* ------------------------------------- */
/* SubUniverse Pages */
/* ------------------------------------- */

#subUniverseBlock {
	width: 685px;
	padding-bottom: 13px;
	margin-bottom: 120px;
}

#subUniverseBlock h2 {
	padding-left: 20px;
	color: #fff;
	font-size: 1.3em;
	background-position: top left;
	padding-right: 40px;
	background-repeat: no-repeat;
	height: 27px;
}

#subUniverseBlock h2 span {
	line-height: 27px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 50px;
}

#subUniverseBlock a {
	color: #000;
	text-decoration: none;
	font-size: 1.1em;
}

#subUniverseBlock a:hover {
	text-decoration: underline;
}

#freeStar {
	position: absolute;
	top: 265px;
	right: 287px;
	height: 94px;
	width: 94px;
}

/* SubUniverse Habitat */
.habitatSUList li {
	background: url('../images/hab_subuniverse_puce.png') top left no-repeat;
	background-position: 0px 5px;
}


.habitatSUHeader {
	background-image: url('../images/hab_subuniverse_header_left.png');
}


.habitatSUHeader span{
	background: #508dba url('../images/hab_subuniverse_header_wave.png') top right no-repeat;
}

.habitatSUSpeech {
	background: url('../images/hab_subuniverse_top.png') top left no-repeat;
	padding-top: 13px;
}

.habitatSUSpeech p {
	border-left: 4px solid #508dba;
	border-right: 4px solid #508dba;
	padding: 14px;
}

.habitatSUBlock {
	background: url('../images/hab_subuniverse_bottom.png') bottom left no-repeat;
}

.habitatSUBlock #freeStar {
	background: url('../images/free_star_blue.png') top left no-repeat;
}

/* SubUniverse Services */
.servicesSUList li {
	background: url('../images/se_subuniverse_puce.png') top left no-repeat;
	background-position: 0px 5px;
}

.servicesSUHeader {
	background-image: url('../images/se_subuniverse_header_left.png');
}

.servicesSUHeader span{
	background: #cc7fe5 url('../images/se_subuniverse_header_wave.png') top right no-repeat;
}

.servicesSUSpeech {
	background: url('../images/se_subuniverse_top.png') top left no-repeat;
	padding-top: 13px;
}

.servicesSUSpeech p {
	border-left: 4px solid #cc7fe5;
	border-right: 4px solid #cc7fe5;
	padding: 14px;
}

.servicesSUBlock {
	background: url('../images/se_subuniverse_bottom.png') bottom left no-repeat;
}

.servicesSUBlock #freeStar {
background: url('../images/free_star_blue.png') top left no-repeat;
}

/* SubUniverse ServicePersonne */
.servicesPersonneSUBlock {
	background: url('../images/sp_subuniverse_bottom.png') bottom left no-repeat;
}

.servicesPersonneSUBlock #freeStar {
	background: url('../images/free_star_blue.png') top left no-repeat;
}

.servicesPersonneSUList li {
	background: url('../images/sp_subuniverse_puce.png') top left no-repeat;
	background-position: 0px 5px;
}

.servicesPersonneSUHeader {
	background-image: url('../images/sp_subuniverse_header_left.png');
}

.servicesPersonneSUHeader span{
	background: #ff86d9 url('../images/sp_subuniverse_header_wave.png') top right no-repeat;
}

.servicesPersonneSUSpeech {
	background: url('../images/sp_subuniverse_top.png') top left no-repeat;
	padding-top: 13px;
}

.servicesPersonneSUSpeech p {
	border-left: 4px solid #ff86d9;
	border-right: 4px solid #ff86d9;
	padding: 14px;
}

/* SubUniverse Assurance */
.assuranceSUBlock {
	background: url('../images/as_subuniverse_bottom.png') bottom left no-repeat;
}

.assuranceSUBlock #freeStar {
	background: url('../images/free_star_green.png') top left no-repeat;
}

.assuranceSUList li {
	background: url('../images/as_subuniverse_puce.png') top left no-repeat;
	background-position: 0px 5px;
}

.assuranceSUHeader {
	background-image: url('../images/as_subuniverse_header_left.png');
}

.assuranceSUHeader span{
	background: #8dc101 url('../images/as_subuniverse_header_wave.png') top right no-repeat;
}

.assuranceSUSpeech {
	background: url('../images/as_subuniverse_top.png') top left no-repeat;
	padding-top: 13px;
}

.assuranceSUSpeech p {
	border-left: 4px solid #8dc101;
	border-right: 4px solid #8dc101;
	padding: 14px;
}

/* SubUniverse Credit */
.creditSUBlock {
	background: url('../images/cr_subuniverse_bottom.png') bottom left no-repeat;
}

.creditSUBlock #freeStar {
	background: url('../images/free_star_orange.png') top left no-repeat;
}

.creditSUList li {
	background: url('../images/cr_subuniverse_puce.png') top left no-repeat;
	background-position: 0px 5px;
}

.creditSUHeader {
	background-image: url('../images/cr_subuniverse_header_left.png');
}

.creditSUHeader span{
	background: #ff9c00 url('../images/cr_subuniverse_header_wave.png') top right no-repeat;
}

.creditSUSpeech {
	background: url('../images/cr_subuniverse_top.png') top left no-repeat;
	padding-top: 13px;
}

.creditSUSpeech p {
	border-left: 4px solid #ff9c00;
	border-right: 4px solid #ff9c00;
	padding: 14px;
}


/* SubUniverse Wrappers */
#habitatSubUniverseListWrapper {
	border-left: 4px solid #508dba;
	border-right: 4px solid #508dba;
	height: 175px;
}

#servicesSubUniverseListWrapper {
	border-left: 4px solid #cc7fe5;
	border-right: 4px solid #cc7fe5;
	height: 160px;
}

#servicesPersonneSubUniverseListWrapper {
	border-left: 4px solid #ff86d9;
	border-right: 4px solid #ff86d9;
	height: 160px;
}

#assuranceSubUniverseListWrapper {
	border-left: 4px solid #8dc101;
	border-right: 4px solid #8dc101;
	height: 160px;
}

#creditSubUniverseListWrapper {
	border-left: 4px solid #ff9c00;
	border-right: 4px solid #ff9c00;
	height: 160px;
}

#page #subUniverseBlock div.bigWrapper {
	height: 230px;
}

#subUniverseList {
	height: 100%;
	list-style-type: none;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	border-top: 1px solid #cccccc;
}

#subUniverseList li {
	width: 170px;
	height: 38px;
	margin-left: 10px;
	float: left;
	padding-left: 20px;
}

.suInfoBlock {
	width: 245px;
	/*position: absolute;*/
	margin-left: 9px;
	background: url('../images/subuniverse_infoblock_bg.png');
	clear:both;
}

.suInfoBlock a {
	text-decoration: none;
	color: #000;
}

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

.suInfoBlock h2 {
	text-indent: -9999px;
	height: 15px;
	overflow: hidden;
	background: url('../images/subuniverse_infoblock_header.png') top left no-repeat;
}

.contentWrapper, .contentWrapperChat {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background: url('../images/subuniverse_infoblock_footer.png') bottom left no-repeat;
}

.contentWrapper {
	height: 100%;
}

.contentWrapperChat {
	height: 84px;
}

.verticalGradientWrapper {
	background-image: url('../images/verticalGradient.gif');
	background-position: top left;
	background-repeat : repeat-x;
	height: 100%;
}

.verticalGradientWrapperChat {
	background-image: url('../images/verticalGradient.gif');
	background-repeat : repeat-x;
	height: 83px;
}

#infoArtisansBlock {
	top: 439px;
	right: 0px;
}

#infoArtisansBlock p {
	background: url('../images/subuniverse_artisans_map.gif') top left no-repeat;
	background-position: 160px 6px;
	padding-right: 80px;
	padding-left: 15px;
	padding-top: 6px;
	height: 100%;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

#infoArtisansBlock p strong {
	color: #ff6600;
}

#infoConseilBlock h3 {
	color: #ff6600;
	padding-left: 10px;
	font-size: 1.2em;
	margin-top: -2px;
}

.telNumber {
	font-size: 1.2em;
	margin-top: 7px;
	color: #000;
	font-weight: bold;
}

.telHoraires {
	color: #666666;
	font-weight: bold;
}

.telHoraires, .telNumber {
	padding-right: 80px;
	text-align: center;
}

#infoConseilBlock {
	top: 550px;
	right: 0px;
}

#infoConseilBlock .hotline {
	float: right;
	display: block;
	margin-bottom: 4px;
}

#infoConseilBlock .infoChat {
	float: left;
	display: block;
	margin: 5px;
	margin-top: 10px;
}

.chatText {
	padding-left: 60px;
	margin-top: 5px;
	font-size: 1.2em;
	clear: right;
	font-weight: bold;
}

.chatText b {
	color: #ff6600;
}

.chatInfo {
	padding-left: 60px;
	color: #333333;
	padding-bottom: 10px;
}

#mainContainerForOldContent {
	width: 780px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 105px;
}


#validationMessage, #validationMessageNewsletter {
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: normal;
	font-size: 0.9em;
	display: none;
	margin: 7px;
	margin-top: 15px;
	color: #fff;
	background: #f96d6d;
}

#validationMessage p {
	height: 15px;
	background: #fb4141;
	padding: 5px;
}

#validationMessage ul {
	font-weight: bold;
	padding: 5px;
}

.validationPoints {
	list-style-position: inside;
}

#becomeMemberForm .red, #grdCompteForm .red, #partenariatForm .red, #postjobForm .red,#mailuserForm .red {
	border: 1px solid red;
}

#page #becomeMemberForm label.red, #page #grdCompteForm label.errorMessage, #page #partenariatForm label.errorMessage, #page #postjobForm .errorMessage {
	border: none;
	color: red;
}







#page .contactList {
	margin-bottom: 20px;
}


.staticPageMainContent {
	margin-top: 24px;
	width: 678px;
}

.staticPageMainContent #siteMap {
	border-left: 2px solid #3982AC;
	border-right: 2px solid #3982AC;
	padding: 16px 20px;
}
.subNavBlock h2, .staticPageMainContent h2, .postJobConfirmContent h2 {
	padding-top: 4px;
	padding-left: 15px;
	height: 28px;
	font-size: 1.3em;
	color: #fff;
}

.subNavBlockText {
	padding: 2px;
}

.subNavBlockText p {
	margin-bottom: 3px;
}

.subNavBlock, .staticPageMainContent, .cnilBlock {
	padding-bottom: 5px;
	margin-bottom: 26px;
}

.subNavBlock ul.subNavList, .staticPageMainTextContent, .postJobConfirmTextContent, .subNavBlockText, .cnilContent {
	border-left: 2px solid #3982AC;
	border-right: 2px solid #3982AC;
}

.subNavBlock ul {
	list-style-type: none;
}

.subNavBlock ul.subNavList li{
	padding-top: 6px;
	border-bottom: 1px solid #3982AC;
	height: 24px;
	padding-left: 53px;
	background: url('../images/prestataires_icons.png') no-repeat top left;
}

#page .subNavBlock ul.societeNavList li{
	background: url('../images/apropos_icons.png') no-repeat top left;
}

.subNavBlock, .cnilBlock {
	background: url('../images/subNavBlock_footer.png') bottom left no-repeat;
}

.subNavBlock h2 {
	background: url('../images/subNavBlock_header.png') top left no-repeat;
}

.subNavBlock img {
	float: left;
	display: block;
	margin: 5px;
	border:0px;
}
.subNavBlock .newsletter_header
{
	color:#508DBA;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
}
.subNavBlock .newsletter_header:hover
{
	color:#508DBA;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	display:block;
	padding-left:10px;
}
.subNavBlock .content
{
	color:#000000;
	text-decoration:none;
}
.subNavBlock .content:hover
{
	color:#000000;
	text-decoration:underline;
}
.staticPageMainContent, .postJobConfirmContent {
	background: url('../images/staticPageMainContent_footer.png') bottom left no-repeat;
	z-index:-1;
}

.staticPageMainContent h2, .postJobConfirmContent h2 {
	background: url('../images/staticPageMainContent_header.png') top left no-repeat;
}



.staticPageMainContent h3, .postJobConfirmContent h3, .staticPageRemark, #popupPageMainContent h3 {
	color: #235173;
	margin-bottom: 20px;
	font-weight: bold;
}

#popupPageMainContent h3 {
	margin-top: 20px;
}

#popupPageMainContent {
	text-align: left;
	margin: 20px;
}
#popupPageMainContent a {
	color:#FF6600;
	font-weight:bold;
	text-decoration:none;
}
#popupPageMainContent a:hover {
	color:#FF6600;
	font-weight:bold;
	text-decoration:underline;
}
#popupPageMainContent p {
	margin-bottom: 15px;
	text-align: justify;
}

.staticPageMainTextContent p {
	margin-bottom: 15px;
	text-align: justify;
}
.staticPageMainTextContent {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 16px;
	padding-bottom: 16px;
	width: 634px;
}

.staticPageMainTextContent a {
	color: #ff6600;
	font-weight: bold;
	text-decoration: none;
}

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

#page #subNavigationBlocks .foncIcon, #page #subNavigationBlocks .maxIcon, #page #subNavigationBlocks .repIcon,#page #subNavigationBlocks .speakerIcon_u {
	background: url('../images/utilisateurs_icons.png') no-repeat top left;
}

#page .ccmIcon { background-position: 8px -75px;   }
#page .cccIcon { background-position: 8px -40px;   }
#page .advIcon { background-position: 8px -180px;  }
#page .temIcon { background-position: 8px -285px;  }
#page .faqIcon { background-position: 8px -145px;  }
#page .resIcon { background-position: 8px -250px;  }
#page .devIcon { background-position: 8px -110px;  }
#page .chatIcon{ background-position: 8px -5px;    }
#page .pdfIcon { background-position: 8px -215px;  }
#page #subNavigationBlocks .foncIcon { background-position: 8px -40px; }
#page #subNavigationBlocks .speakerIcon_u { background-position: 11px -110px; }
#page #subNavigationBlocks .maxIcon  { background-position: 8px -75px; }
#page #subNavigationBlocks .repIcon { background-position: 8px -5px; }
#page #content_all .byEmail { background-position: 0px -25px; }
#page #content_all .byFax     { background-position: 0px -80px; }
#page #content_all .byMail    { background-position: 0px -130px; }
#page #content_all .byPhone   { background-position: 0px -190px; }
#page #subNavigationBlocks .qsnIcon   { background-position: 8px -75px; }
#page #subNavigationBlocks .partIcon  { background-position: 8px -5px; }
#page #subNavigationBlocks .rdpIcon   { background-position: 8px -180px; }
#page #subNavigationBlocks .presseIcon   { background-position: 8px -711px; }
/* sub menu of 'revue de presse' */
#page #subNavigationBlocks .rdpPEIcon   { background-position: 43px -390px; text-indent:35px; }
#page #subNavigationBlocks .rdpPIIcon   { background-position: 43px -460px; text-indent:35px;}
#page #subNavigationBlocks .rdpRAIcon   { background-position: 43px -355px; text-indent:35px;}
#page #subNavigationBlocks .rdpTEIcon   { background-position: 43px -425px; text-indent:35px;}

/* sub menu of 'service presse' */
#page #subNavigationBlocks .rdpLAIcon   { background-position: 43px -605px; text-indent:35px; }
#page #subNavigationBlocks .rdpCDIcon   { background-position: 43px -641px; text-indent:35px;}
#page #subNavigationBlocks .rdpCOIcon   { background-position: 43px -676px; text-indent:35px;}

/* end of sub menu of 'revue de presse' */
#page #subNavigationBlocks .recIcon   { background-position: 8px -110px; }
#page #subNavigationBlocks .sFoncIcon { background-position: 8px -320px; }
#page #subNavigationBlocks .sMaxIcon  { background-position: 8px -40px; }
#page #subNavigationBlocks .sProIcon  { background-position: 8px -145px; }
#page #subNavigationBlocks .sChatIcon { background-position: 8px -250px; }
#page #subNavigationBlocks .sConsIcon { background-position: 8px -285px; }
#page #subNavigationBlocks .sPdfIcon  { background-position: 8px -215px; }


#contactWays {
	list-style-type: none;
	width: 370px;
	margin-top: 30px;
	margin-left: 160px;
}

#page #contactWays li {
	padding-left: 45px;
	height: 40px;
	background: url('../images/contact_icons.gif') no-repeat top left;
}

#page .byEmail, #page .byFax, #page .byPhone {
	padding-top: 6px;
}

#page .subNavBlock .lastItem {
	border-bottom: 0px;
}

ul.subNavBlockLinks {
	padding-left: 6px;
	list-style-image: url('../images/subNavBlockList_arrow.png');
	clear: both;
	list-style-position: inside;
}

p.introText {
	padding-right: 70px;
}

ul.subNavBlockLinks li { margin-bottom: 2px; }

ul.subNavBlockLinks a {
	text-decoration: none;
	font-weight: bold;
	color: #ff6600;
}

.subNavList a {
	text-decoration: none;
	color: #000;
}

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

ul.subNavBlockLinks a:hover {
	text-decoration: underline;
}

.cnilBlock h2 {
	height: 5px;
	text-indent: -9999px;
	background: url('../images/subNavBlock_top.png') top left no-repeat;
}

.cnilContent {
	height: 90px;
	background: url('../images/cnilBlockBackground.jpg') top left no-repeat;
	background-position: 6px 2px;
	padding: 2px;
}

.cnilContent p {
	width: 173px;
	height: 37px;
	margin-top: 52px;
	margin-left: 14px;
}

#subscribeNow {
	border: 0px;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 160px;
}

#advantagesList, #faqList {
	list-style-type: none;
	margin-bottom: 30px;
}

.secondLevelList {
	padding-left: 30px;
	margin-bottom: 10px;
}
#advantagesList strong {
	color: #235173;
}

#advantagesList li, #faqList li {
	margin-bottom: 10px;
	padding-left: 18px;
}

#advantagesList li {
	background: url('../images/cross_blue.png') top left no-repeat;
	background-position: 0px 4px;
}

#faqList li {
	background: url('../images/arrow_blue.png') top left no-repeat;
	background-position: 0px 5px;
}

#faqList li a {
	text-decoration: none;
}

#faqList li a:hover {
	text-decoration: underline;
}

p.testimonyText {
	line-height: 18px;
	border-bottom: 1px dashed #235173;
	padding-bottom: 20px;
}

h3.testimonyTitle, h3.question, h3.specialTitle {
	padding-left: 20px;
	background: url('../images/arrow_blue.png') top left no-repeat;
	background-position: 0px 4px;
}

h4
{
	margin-bottom:15px
}

#page #content .topPageLink {
	text-align: right;
	font-size: 0.8em;
}

#grdCompteBlock {
	width: 530px;
	margin-left: 40px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 10px;
	text-align: center;
	border: 1px solid #235173;
}

#grdCompteBlock p {
	text-align: left;
}

#grdCompteForm, #partenariatForm {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #235173;
}

#grdCompteForm h3, #partenariatForm h3 {
	font-size: 1.2em;
	text-align: center;
}

#grdCompteForm fieldset, #partenariatForm fieldset {
	border: 0px;
}

#grdCompteForm label {
	width: 160px;
	float: left;
}

#partenariatForm label {
	width: 200px;
	float: left;
	margin-right: 14px;
}

#page #partenariatForm .specialPadding {
	padding-left: 215px;
	margin-bottom: 10px;
}

#page #grdCompteForm .specialPadding {
	padding-left: 160px;
	margin-bottom: 10px;
}

#grdCompteForm input, #grdCompteForm textarea, #partenariatForm input, #partenariatForm textarea {
	margin-right: 8px;
	background: #fff;
	border: 1px solid #235173;
}

#page #grdCompteForm #grdCompteSubmit, #page #partenariatForm #partenariatSubmit {
	background-color: #235173;
	padding: 2px;
	margin-top: 10px;
	color: #fff;
	cursor: pointer;
	width: 120px;
}

#page #grdCompteForm p, #page #partenariatForm p {
	margin-bottom: 5px;
}

.mailFailure {
	margin-left: 50px;
	font-weight: bold;
	color: red;
}

.mailSuccess {
	margin-left: 50px;
	font-weight: bold;
	color: #3bbe07;
}

#page .staticPageMainTextContent .radioButton {
	border: 0px;
}

#page .ccmStep1 , #page .ccmStep2 , #page .ccmStep3 {
	height: 25px;
	line-height: 25px;
	padding-left: 35px;
	background: url('../images/jobSteps_list.png') top left no-repeat;
}

#page .ccmStep1 {
	background-position: 0px -70px;
}

#page .ccmStep2 {
	background-position: 0px -165px;
}

#page .ccmStep3 {
	background-position: 0px -260px;
}

#page .ccmStep4 {
	font-size:13px;
	font-weight:bold;
	color:#508DBA;
}



.notreRevuePresse {
	height: 36px;
	line-height: 36px;
	vertical-align : middle;
}

.notreRevuePresse img {
	float: left;
	margin-right: 10px;
	display: block;
}

/* Listes Partenaires */

#nosPartenaires {
	width: 90%;
	text-align: justify;
}
#nosPartenaires thead {
	display: none;
}

#nosPartenaires img {
	border: 0px;
}

#nosPartenaires td {
	padding: 10px;
}

.partLogo {
	width: 300px;
	text-align: center;
}

/* Revues de Presse UGLY */
#revueDePresse {
	font-size: 0.9em;
}

.jobOffersList {
	padding-right: 200px;
	height: 200px;
	background: url('../societe/images/recimg.jpg') top right no-repeat;
}

/* Layer */
#notModalLayer {
	position: fixed;
	background: #fff;
	z-index: 300;
	border-left:   7px solid #235173;
	border-right:  7px solid #235173;
	border-bottom: 7px solid #235173;
	overflow: hidden;

}

#notModalLayer h4 {
	text-align: left;
	color: #fff;
	padding-top: 6px;
	font-size: 1.2em;
	padding-left: 10px;
	margin-right: 130px;
}

#page #notModalLayer iframe {
	display: block;
	border: 0px;
}

.notModalLayerHeader {
	height: 30px;
	background: #235173;
	padding: 2px;
	position: relative;
}

.notModalLayerCloseText {
	background: #fff;
	float: right;
	width: 140px;
	height: 22px;
	cursor: pointer;
	padding-top: 4px;
	position: absolute;
	top: 4px;
	right: 4px;
}

.notModalLayerCloseTextBold {
	background: #fff;
	float: right;
	width: 140px;
	height: 22px;
	font-weight: bolder;
	cursor: pointer;
	padding-top: 4px;
	position: absolute;
	top: 4px;
	right: 4px;
}


#newsletterLayerContainer {
	padding: 20px;
	text-align: left;
}

#newsletterForm {
	margin-top: 20px;
}

#newsletterForm label {
	color: #4f8dba;
	font-size: 1.1em;
	font-weight: bold;
	margin-right: 10px;
}

#newsletterForm #newsSubmitButton {
	background: url('../images/newsletterForm_submit.gif') top left no-repeat;
	width: 102px;
	height: 23px;
	color: #fff;
	border: 0px;
	font-weight: bold;
	font-size: 0.9em;
	margin-top: 30px;
	margin-left: 150px;
	cursor: pointer;
}

#ajaxLoadIndicator {
	position: absolute;
	top: 50%;
	left: 50%;
}

.newsletterAjaxResult {
	margin-top: 90px;
	font-size: 13px;
	font-weight: bold;
}

.newsletterSuccess {
	color: green;
}

.newsletterFailure {
	color: red;
}

/* Programme de fidélité */
.devis {
	color: #000;
	font-weight: bold;
}

.presto {
	color: #ee7a2c;
	font-weight: bold;
}

.maxFlash{ float: left; }
.maxSubscribe {
	position: absolute;
	top: 400px;
	left: 320px;
}
.maxSubscribe img { border: 0px; }














/* SubUniverse Wrappers */
#habitatSubUniverseListWrapper {
	border-left: 4px solid #508dba;
	border-right: 4px solid #508dba;
	height: 175px;
}

#servicesSubUniverseListWrapper {
	border-left: 4px solid #cc7fe5;
	border-right: 4px solid #cc7fe5;
	height: 160px;
}

#servicesPersonneSubUniverseListWrapper {
	border-left: 4px solid #ff86d9;
	border-right: 4px solid #ff86d9;
	height: 160px;
}

#assuranceSubUniverseListWrapper {
	border-left: 4px solid #8dc101;
	border-right: 4px solid #8dc101;
	height: 160px;
}

#creditSubUniverseListWrapper {
	border-left: 4px solid #ff9c00;
	border-right: 4px solid #ff9c00;
	height: 160px;
}

#page #subUniverseBlock div.bigWrapper {
	/*height: 200px;*/
}

#subUniverseList {
	height: 100%;
	list-style-type: none;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	border-top: 1px solid #cccccc;
}

#subUniverseList li {
	width: 170px;
	height: 38px;
	margin-left: 10px;
	float: left;
	padding-left: 20px;
}

















































/******************************/
/* Postjob Generic Rules
/******************************/

.suExtraMargin {
	/*margin-top: 30px;*/
}

#page .specialArtisanBlock {
	top: 430px;
}

#page .specialConseilBlock {
	top: 552px;
}


#bouche_oreille{
height :118px;
width: 256px;
right: 0px;
margin-left: 45px;
margin-top: 10px;
top:200px;
position:absolute;
background:url(../images/bg_oreille.gif) no-repeat;
}

#bo_header
{

}

#bo_header a
{
width: 66px; float: left; margin-left: 6px; margin-right: 5px; margin-top: 10px;
}

#container_oreille
{
height:65px; width: 250px; float: left;
}

#left_oreille
{
height:65px; width: 185px; float: left; margin-left: 10px; font-size: 12px; font-weight: bold;
}

#list_one
{
height:20px; width: 185px;  float: left;
}

#star_one{
width: 10px; height: 20px;
}

#oreille_first_text
{
height:20px;
margin-left:4px;
width:213px;
}

#oreille_first_text a
{
text-decoration: none; color: #000000;
}

#list_two
{
height:20px; width: 185px;  float: left;
}

#star_two
{
width: 10px; height: 20px;
}

#oreille_second_text
{
width: 175px; height: 20px; margin-left: 5px;
}

#oreille_second_text a
{
text-decoration: none; color: #000000;
}

#list_third
{
height:20px; width: 185px;  float: left;
}

#star_third
{
width: 10px; height: 20px;
}

#oreille_third_text
{
width: 175px; height: 20px; margin-left: 5px;
}

#oreille_third_text a
{
text-decoration: none; color: #000000;
}

#image_twenty
{
height:65px; width: 45px; float: left; margin-left: 0px;
}

#image_twenty img
{
margin-left:10px; margin-top: 10px; width: 31px; height: 41px;
}


#postJobPressReviews {
	width: 257px;
    height: 85px;
	position:absolute;
	top: 330px;
	right: 0px;
}


#page .postjobWrapper {
	height: 100%;
}

.postjobWrapper p {
	padding: 10px;
}

.postjobWrapper fieldset p {
	margin-left: 68px;
	text-align: left;
	padding: 5px;
	margin-bottom: 3px;
}

.postjobWrapper fieldset {
	border: 0px;
	clear: both;
	padding-bottom: 20px;
}

#page .hidden {
	height: 0px;
	width: 0px;
	display: none;
}

#page .postjobWrapper input.radioButton, #page .postjobWrapper input.checkbox {
	border: 0px;
}


.postjobWrapper fieldset input, .postjobWrapper fieldset select {
	height: 20px;
	width: 225px;
}

#page .postjobWrapper fieldset p.largeInput input, #page .postjobWrapper fieldset p.largeInput select {
	width: 400px;
}

.postjobWrapper fieldset label, .postjobWrapper fieldset input, .postjobWrapper fieldset select, #page .postjobWrapper p.radioField .questionDescription {
	display: block;
}
.postjobWrapper fieldset label img {
	vertical-align: bottom;
}

#page .postjobWrapper fieldset p.checkBoxField label,  #page .postjobWrapper fieldset p.checkBoxField input,  #page .postjobWrapper p.radioField label, #page .postjobWrapper p.radioField input{
	display: inline;
	width: auto;
	height: auto;
}

.postjobWrapper fieldset label,  #page .postjobWrapper p.radioField .questionDescription {
	margin-bottom: 3px;
}

.postjobWrapper h3 {
	display: block;
	padding-top: 8px;
	height: 30px;
	font-size: 1.25em;
	padding-left: 68px;
	color: #fff;
	margin-bottom: 20px;
	font-weight: bold;
}

#page .postjobFirstStep {
	background-position: 30px -13px;
}

#page .postjobSecondStep {
	background-position: 30px -56px;
}

#page .postjobThirdStep {
	background-position: 30px -99px;
}

#page .postjobWrapper .floatingFields p {
	margin-left: 72px;
	_margin-left: 36px;
	_margin-right:-3px;
	padding-left: 0px;
	float: left;
	text-align: left;
}

#page .postjobWrapper p .postjobSubmit {
	background: url('../images/new_orange_button.gif') top left no-repeat;
	width: 207px;
	height: 34px;
	background-position: 0 3px;
	border: 0px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
}

#page .postjobWrapper p.largeField {
	width: 87%;
}

#page .postjobWrapper .submitButtonContainer {
	margin-top: 20px;
	text-align: center;
}

#page .postjobWrapper .spanCity {
	font-weight: bold;
}

#freeStar.postjobStar {
	position: absolute;
	top: 265px;
	right: 287px;
	height: 94px;
	width: 94px;
	z-index: 5;
}

#cnilInfos{
	clear: both;
	font-size: 0.8em;
	color:#666666;
}

#page .postjobWrapper a {
	color: #ff6600;
	font-size: 1em;
	text-decoration:none;
}

#page .postjobWrapper a:hover {
	text-decoration:underline;
}


/******************************/
/* FAQ Block
/******************************/
#faqBlock {
	width: 247px;
	position: absolute;
	margin-left: 54px;
	margin-bottom: 20px;
	background:transparent url('../images/subuniverse_faq_bg.png') repeat-y scroll 0 0;
	top: 740px;
	right: 0px;
}

#faqBlock ul {
	list-style-type: none;
	padding-left: 7px;
	padding-right: 10px;
}

#faqBlock li {
	padding-left: 27px;
	margin-bottom: 4px;
	background: url('../images/faq_icons.png') no-repeat top left;
}

#faqBlock a {
	color: #ff6600;
	text-decoration: none;
}

#faqBlock a:hover {
	text-decoration: underline;
}
#faqBlock div#contentBoxTop{
	overflow: hidden;
	color:#508dba;
	width:247px;
	height:78px;
	background: url('../images/Q_top.jpg') top left no-repeat;
}
#faqBlock div#contentBoxTop h2{
	color:#508dba;
	padding-left:5px;
	padding-top:8px;
	font-size:18px;
	text-align:center;
}
#faqBlock div#contentBoxTop h3{
	color:#508dba;
	padding-left:12px;
	font-size:13px;
	text-align:center;
}
#faqBlock p.faqBottom {
	clear: left;
	padding-top: 10px;
	padding-left: 30px;
	font-weight: bold;
	height: 27px;
	background: url('../images/subuniverse_faq_footer.png') top left no-repeat;
}

#faqBlock ul li.faq1 { background-position: 6px -1052px; }
#faqBlock ul li.faq2 { background-position: 6px -626px; }
#faqBlock ul li.faq3 { background-position: 6px -413px; }
#faqBlock ul li.faq4 { background-position: 6px -200px; }
#faqBlock ul li.faq5 { background-position: 6px -839px; }
/******************************/
/* Habitat Specific Rules
/******************************/

#page .habitatSpecialSpeech {
	height: 45px;
	border-bottom: 1px solid #508dba;
	font-size: 1.25em;
	padding-top: 8px;
}

.habitatSpecialSpeech strong {
	color: #508dba;
	text-transform: uppercase;
}

.habitatSUBlock .postjobWrapper h3 {
	background-color: #508dba;
	background: #508dba url('../images/hab_postjob_steps.png') top left no-repeat;
}

.habitatSUBlock select, .habitatSUBlock input, .habitatSUBlock textarea {
	border: 1px solid #508dba;
}

.habitatSUBlock #cnilInfos {
	border-top: 1px solid #508dba;
}

/******************************/
/* Services aux Entreprises Specific Rules
/******************************/
#page .servicesSpecialSpeech {
	height: 45px;
	border-bottom: 1px solid #cc7fe5;
	font-size: 1.25em;
	padding-top: 8px;
}

.servicesSpecialSpeech strong {
	color: #cc7fe5;
	text-transform: uppercase;
}

.servicesSUBlock .postjobWrapper h3 {
	background-color: #cc7fe5;
	background: #cc7fe5 url('../images/sae_postjob_steps.png') top left no-repeat;
}

.servicesSUBlock select, .servicesSUBlock input, .servicesSUBlock textarea {
	border: 1px solid #cc7fe5;
}

.servicesSUBlock #cnilInfos {
	border-top: 1px solid #cc7fe5;
}

/******************************/
/* Services à la personne Specific Rules
/******************************/
#page .servicesPersonneSpecialSpeech {
	height: 45px;
	border-bottom: 1px solid #ff86d9;
	font-size: 1.25em;
	padding-top: 8px;
}

.servicesPersonneSpecialSpeech strong {
	color: #ff86d9;
	text-transform: uppercase;
}

.servicesPersonneSUBlock .postjobWrapper h3 {
	background-color: #ff86d9;
	background: #ff86d9 url('../images/sap_postjob_steps.png') top left no-repeat;
}

.servicesPersonneSUBlock select, .servicesPersonneSUBlock input, .servicesPersonneSUBlock textarea {
	border: 1px solid #ff86d9;
}

.servicesPersonneSUBlock #cnilInfos {
	border-top: 1px solid #ff86d9;
}

/******************************/
/* Postjob Tooltips
/******************************/
.habitatTip-tip {
	color: #000;
	background: #f1f0f0;
	width: 300px;
	min-height: 50px;
	_height: 50px;
	text-align: left;
	border: 1px solid #508dba;
}

.habitatTip-text {
	padding: 8px;
}
.habitatTip-title {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #508dba;
}
/******************************/
/* Postjob Confirmation Page
/******************************/

/* Uses the .staticPageMainContent layout */
#page .postJobConfirmContent {
	margin-top: 24px;
	float: left;
	width: 678px;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

.specialPostJobBlock {
	background-color: #ededed;
	color: #3982AC;
	font-weight: bold;
	text-align: center;
	font-size: 1.25em;
	padding-top: 7px;
	padding-bottom: 7px;

}

#jobConfirmationBottomContainer{
width: 674px; float: left;
}

#jobConfirmationLeftDiv{
height: 25px; width: 214px; float: left;
}

#jobConfirmationCenterDiv{
background: transparent url(../images/button_large.gif) no-repeat scroll left top; text-align: center; height: 25px; padding-top: 4px; width: 247px; float: left; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 14px; color: rgb(255, 255, 255);
}

#jobConfirmationCenterDiv a {
text-decoration: none; color: #ffffff;
}

#jobConfirmationRightDiv{
height: 25px; width: 213px; float: left;
}

#page div.postJobExtraMargin {
	margin-bottom: 40px;
}

.postJobConfirmTextContent p {
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.postJobConfirmContent h2 span.arrowTitle {
		background: url('../images/arrow_title.png') top left no-repeat;
		padding-left: 25px;
		background-position: 0px 3px;
}

.postJobConfirmTextContent {
	height: 180px;
}

#page .postJobConfirmContent #credit h2,
#page .postJobConfirmContent #assurance h2,
#page .postJobConfirmContent #servicesPersonne h2 {
	padding-top: 0px;
}

#page .postJobConfirmContent #servicesPersonne {
	margin-left: 9px;
	_margin-left: 4px;
}

#page .postJobConfirmContent #assurance, #page .postJobConfirmContent #credit {
	margin-left: 8px;
}

#errorMessageBox {
	width: 400px;
	border: 1px solid red;
	margin-bottom: 40px;
	margin-top: 40px;
	font-weight: normal;
	margin-left: 200px;
	font-size: 0.9em;
	padding: 20px;
	color: #fff;
	background: #f96d6d;
}



#newsletterLayerContainer {
	padding: 20px;
	text-align: left;
}

#newsletterForm {
	margin-top: 20px;
}

#newsletterForm label {
	color: #4f8dba;
	font-size: 1.1em;
	font-weight: bold;
	margin-right: 10px;
}

#newsletterForm #newsSubmitButton {
	background: url('../images/newsletterForm_submit.gif') top left no-repeat;
	width: 102px;
	height: 23px;
	color: #fff;
	border: 0px;
	font-weight: bold;
	font-size: 0.9em;
	margin-top: 30px;
	margin-left: 150px;
	cursor: pointer;
}

#ajaxLoadIndicator {
	position: absolute;
	top: 50%;
	left: 50%;
}

.newsletterAjaxResult {
	margin-top: 90px;
	font-size: 13px;
	font-weight: bold;
}

.newsletterSuccess {
	color: green;
}

.newsletterFailure {
	color: red;
}


.outer_but{
float:left;
height:70px;
}
.inner_but{
padding-top:20px;
}
.left_but{
float:left;
width:33px;
height:31px;
background-image:url(../images/left_categorie.gif)
}
.middle_but{
float:left;
width:auto;
height:26px;
background-image:url(../images/Middle_categorie.gif);
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
padding-top:5px;
}
.right_but{
float:left;
width:16px;
height:31px;
background-image:url(../images/Right_categorie.gif);
background-repeat:no-repeat;
}
.gratuitimg{
float:left;
width:70px;
height:70px;
margin-left:-18px;
margin-top:-13px;
}

#addFilePara{
    margin-left:35px;_margin-left: 25px;
}
#addFileLabelSpan{
    width:340px; float: left;
}
#addFileSpan{
    width:280px; float: left;
}
#dispError{
        display:none;margin-top:10px;color:red;
    }
    #passwordTextSpan{
        font-style:italic; font-size:13px; font-family:Arial, Helvetica, sans-serif;
    }
    #forgetPasswordSpan{
        display:none;margin-top:10px;clear:both;
    }
    #maxHundredTextDiv{
        margin-top: 25px;
    }
    .displayNoneClass{
        display:none;
    }
    #ajaxGifLoaderSpan{
        display:none; float:left; margin-top:-7px;
    }
    #existUser{
        border:0px none;
    }
    /*
        the Duplicate style sheet created for
        staticPageMainContent for the
        repalacement of h tags in order
    */
    .staticPageMainContentNew {
	margin-top: 24px;
	width: 678px;
}
.staticPageMainContentNew #siteMap {
	border-left: 2px solid #3982AC;
	border-right: 2px solid #3982AC;
	padding: 16px 20px;
}
.subNavBlock h2, .postJobConfirmContent h2 {
	padding-top: 4px;
	padding-left: 15px;
	height: 28px;
	font-size: 1.3em;
	color: #fff;
}
.staticPageMainContentNew h1 {
        padding-top: 4px;
	padding-left: 15px;
	height: 28px;
	font-size: 1.3em;
	color: #fff;
}
.subNavBlock, .staticPageMainContentNew, .cnilBlock {
	padding-bottom: 5px;
	margin-bottom: 26px;
}
.staticPageMainContentNew, .postJobConfirmContent {
	background: url('../images/staticPageMainContent_footer.png') bottom left no-repeat;
	z-index:-1;
}

.postJobConfirmContent h2 {
	background: url('../images/staticPageMainContent_header.png') top left no-repeat;
}
.staticPageMainContentNew h1 {
    background: url('../images/staticPageMainContent_header.png') top left no-repeat;
}
.staticPageMainContentNew h3, .postJobConfirmContent h3, .staticPageRemark, #popupPageMainContent h3 {
	color: #235173;
	margin-bottom: 20px;
	font-weight: bold;
}
#bluecolor {
        color: #235173;
	margin-bottom: 20px;
	font-weight: bold;
}
.normal_text {
    color:#000000;
}
#removemargin {
    color: #000000;
    margin-bottom: 0px;
    font-weight: normal;
}