html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body {
background-color: #9B95C3;
font-family: Arial;
font-size: 0.9em;
}

/*
divs principaux
*/

/* hacks */
.clearfix { display: inline-table; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* hacks */

#main {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	background-color: #9b95c3;
}

#top {
	background-image: url(../images/top_background.jpeg);
	background-repeat: no-repeat;
	height: 210px;
	width: 906px;
}


#left {
	width: 270px;
	float: left;
	margin-left: 5px;
	overflow: hidden;
}

#login_salarie {
	background-image: url(../images/login.gif);
	background-repeat: no-repeat;
	color: gray;
	height: 118px;
	font-size: 0.8em;
	padding-left: 15px;
	padding-top: 5px;
}

#login_salarie strong {
	font-size: 1.3em;
}

#login_salarie a {
	color: gray;
	margin-left: 30px;
}

.login_ok {
	display: block;
	position: relative;
	margin-top: -90px;
	margin-left: 180px;
	
}



#search_box {
	height: 60px;
	background-image: url(../images/search_box.gif);
	background-repeat: no-repeat;
	margin-top: 2px;
	padding-top: 27px;
	padding-left: 20px;
	color: white;
}

.search_box_ok {
	display: block;
	position: relative;
	margin-top: -18px;
	margin-left: 205px;
}


.communaute {
	height: 93px;
	background-image: url(../images/communaute.gif);
	background-repeat: no-repeat;
	color: white;
	text-align: center;
	margin-top: 0px;
	padding-top: 60px;
	padding-bottom: 10px;
}

.communaute strong{
	font-size: 24px;
}

.communaute p {
	margin: 0px;
}

#content {
	width: 640px;
	float: right;
	margin-right: 12px;

}


.espaces {
	margin-top: 20px;
	width: 255px;
	height: 600px;
	float: left;

}

.main_other {

	height: 600px;
	margin-left: 390px;
}

.espace_salarie {
	width: 368px;
	height: 113px;

	background-image: url(../images/salarie.gif);
	background-repeat: no-repeat;
	margin: 5px;
	margin-top: -55px;
	margin-bottom: 14px;
	color: white;
	text-align: center;
	font-size: 1em;
	padding-top: 100px;
}

.espace_salarie:hover {
	background-image: url(../images/salarie.gif);
	background-position: 0px -216px;
}

.espace_salarie p {
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.espace_salarie strong, .espace_entreprise strong {
	font-weight: bold;
}

.clic {
margin-top: 20px;
margin-left: 215px;
padding-left: 20px;
background-image: url(../images/loupe.gif);
background-repeat: no-repeat;
}

.clic a, clic2 a {
	color: white;
}

.clic2	 {
margin-top: 20px;
margin-left: 215px;
padding-left: 20px;
background-image: url(../images/loupe.gif);
background-repeat: no-repeat;
}


.espace_entreprise p {
	margin-top: 7px;
	padding-left: 10px;
	padding-right: 10px;
}

.espace_entreprise {
	width: 368px;
	height: 116px;
	float:left;

	background-image: url(../images/entreprise.gif);
	background-repeat: no-repeat;
	margin: 5px;
	margin-bottom: 10px;
	color: white;
	text-align: center;
	font-size: 1em;
}

.espace_entreprise:hover {
			background-position: 0px -116px;

}
.mascote {
	margin-top: -70px;
	margin-left: 40px;
}


#link1 {
	margin-left: 5px;
	margin-top: 15px;
	float: left;
}

.dimi {
	float: left;
	margin-left: 6px;
	margin-top: 3px;
}

.dimensions {
	width: 207px;
	height: 85px;
	display: block;
	float: left;
	color: black;
	margin: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: left;
}

.dimensions h3 {
	display: block;
	background-image: url(../images/dimension1.gif);
	background-repeat: no-repeat;
	height: 30px;
	font-weight: bold;
	font-size: 0.8em;
	padding-top: 3px;
	padding-right: 2px;
	text-align: center;
}


.dimensions li {
	list-style-type: none;
	text-align: left;
	font-size: 1em;
	padding-left: 10px;
	height: 20px;
	padding-top: 5px;
	background-image: url(../images/dimension2.gif);
	background-repeat: no-repeat;
}

.dimensions li:hover {
	background-image: url(../images/dimension2.gif);
	background-position: 0px -26px;
}

.dimensions a {
	display: block;
	color: gray;
	height: 100%;

}

.dimensions a:hover {
	color: black;
}

.dimensions_fix {
	display: block;
	padding-top: 6px;
	height: 35px;
}

#footer {
	width: 940px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/basdepage.jpg);
	background-repeat: no-repeat;
	color: white;
	text-align: center;
	padding-top: 77px;

}

#footer a {
	color: white;
}






/*
classes
*/

img.centered { display: block ;margin-left: auto; margin-right: auto; }

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.clearfloat {
	clear: both;
}

.labelbloc {
	display:block; /*La balise devient de type block*/
	width: 250px;
	float: left;
}

.align_left {
	text-align: left;
}

.align_center {	
	text-align: center;
}

.red {
	color:red;
	padding-left: 200px;
}

#menu_top a {
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

#menu_top li {
	display: block;
	float:left;
	text-align:	center;
	padding-top: 10px;
	height: 30px;
}




.menu_top_on {

	width: 300px;
	height: 13px;
	margin-right: 1px;
	background-image: url(../images/menu_top_on.gif);
	background-repeat: no-repeat;

}



.menu_top_off {
	width: 300px;
	height: 33px;
	background-image: url(../images/menu_top_on.gif);
	background-position: 0px -40px;
}
.menu_top_off:hover {
		background-position: 0px 0px;
	
}

.menu_top_entreprise2 {
	width: 300px;
	height: 35px;
	
	background-image: url(../images/menu_top_enreprise2.gif);
	background-repeat: no-repeat;
}

#content_entreprise strong, #content_salarie strong {
	display: block;
	color: black;
}






#content_salarie {
	margin-top: 40px;
	margin-right: 5px;
	padding-left: 20px;
	padding-right: 30px;
	color: white;
}

#content_salarie a,#content_entreprise a,#content_search a {
		color: #FFA800;
}

#accordion a {
	color: black;
}

#content_salarie p {
	line-height: 17px;
}

#content_salarie h3 {
	text-align: center;
	color: black;
}

#content_firme h3 {
	text-align: center;
}



#content_salarie2 {
	background-color: white;
	background-image: url(../images/inscription.gif);
	background-repeat: no-repeat;
	color: black;
	margin-left: 20px;
	margin-right: 20px;
	width: 540px;
}


#content_pub {
	background-color: white;
	color: black;
	margin-top: 50px;
	margin-left: 20px;
	margin-right: 20px;
	width: 540px;

}

#scroll_pub {
	height: 700px;
	overflow: scroll;
}




#content_salarie2 textarea {
	margin-left: 100px;
}

#content_salarie2 i {
	color: red;
	text-align: center;
}

.salarie_form {
	width: 260px;
	float:left;
	margin-left: 10px;
}
.labelbloc_salarie {
	display:block; /*La balise devient de type block*/
	width: 110px;
	float: left;
}

#content_entreprise {
		color:white;
	margin-top: 25px;
	margin-right: 5px;
	padding-left: 20px;
	padding-right: 20px;
}

#content_entreprise p {
	line-height: 17px;
}

#content_entreprise strong, #content_salarie strong {
	font-size: 1.3em;
}




#content_entreprise2 {
	background-color: white;
	background-image: url(../images/inscription.gif);
	background-repeat: no-repeat;
	color: black;
	margin-left: 20px;
	margin-right: 20px;
		width: 540px;
}

#content_entreprise2 textarea {
	margin-left: 100px;
}

#content_entreprise2 i {
	color: red;
	float: right;
}




.valid_center {
	margin-bottom: -4px;
}


#content_search {
	margin-top: 25px;
	margin-right: 5px;
	padding-left: 20px;
	padding-right: 20px;
	color: white;
}


#content_search label {
	text-align: right;
	margin-right: 10px;
}

#content_search2 {
	background-color: white;
	color: black;
	margin-left: 20px;
	margin-right: 20px;
}

#cgu,#mentions_legales {
	padding-left: 20px;
	padding-right: 20px;
}

#cgu h2,#mentions_legales h2,#content_salarie h2, #content_comments h2, #content_firme h2 {
	font-size: 1.5em;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#cgu h3,mentions_legales h3,#content_salarie h3 {
	font-size: 1.3em;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#cgu p, #mentions_legales p {
	color: white;
	text-align: justify;
}

table {
border-collapse:collapse;
width:600px;
color: #9b95c3;
}
th {
border:1px solid #bcb2ca;
padding-top: 5px;
}

td {
border: 1px solid #bcb2ca;
padding-top: 5px;
}
td,th {
text-align:center;
}

#entreprise {
	width: 400px;
	height: 140px;
	background-image: url(../images/cadreentreprise.jpg);
	background-repeat: no-repeat;
	padding-left: 100px;
	padding-top: 40px;
}

#entreprise_top {
	width: 500px;

	background-image: url(../images/rechercheentreprise.jpg);
	background-repeat: no-repeat;

	float: left;
}
#entreprise_top2 {
	background-image: url(../images/rechercheentreprise3.jpg);
	background-repeat: no-repeat;
	height: 23px;
}

#entreprise_top3 {
	margin-top: 20px;
	padding-left: 120px;
	background-image: url(../images/rechercheentreprise2.gif);
	background-repeat: repeat-y;

}

#entreprise label {
	display: block;
	float: left;
	width: 100px;
}

#content_comments {
		color:white;
	
	margin-top: 25px;
	margin-right: 5px;
	padding-left: 20px;
	padding-right: 20px;
}

#content_comments2 {
	background-color: white;
	color: black;
	margin-left: 20px;
	margin-right: 20px;
}


#content_firme {
		color:white;
	
	margin-top: 5px;
	margin-right: 5px;
	padding-left: 20px;
	padding-right: 20px;
}

.small {
	font-size: 0.8em;
	color: #403150;

}

#content_firme2 {
	background-color: white;
	color: black;
	margin-left: 20px;
	margin-right: 20px;
	padding-left:10px;
	padding-right: 10px;
}

#mafirme_left {
	width: 70%;
	float: left;
	padding-right: 10px;
}



#rss_top {
	background-image: url(../images/rss_top.gif);
	background-repeat:repeat-y;
	height: 38px;
}

#rss 
{
	font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	padding-left: 5px;
	padding-top: 5px;
	background-image: url(../images/rss.gif);
	background-repeat:repeat-y;
	color: white;
}
#rss li {
	margin-left: 5px;
}
#rss h2 {
	text-align: center;
	font-size: 150%;
	color: gray;
	
}
#rss h3 {
	font-size: 110%;
	color: white;
	text-decoration: underline;
}

#rss a {
	color: gray;
}

#staring {
	text-align: center;
	margin-left: 10px;
	background-color: white;
	width: 540px;
	color: black;
}

#staring h3 {
	background-image: url(../images/barre.gif);
	background-repeat: no-repeat;
	color: black;
	padding-top: 10px;
	height: 55px;
	margin-top: -12px;

}

#staring ul {
	margin-top: 10px;
}

#staring label {
	margin-left: -100px;
}

#staring em {
	display: block;
	width: 125px;
	float: left;
	text-align: center;

}

#staring strong {
	color: #403150;
}

#staring_stars {

	margin-right: 15px;
	float:left;
}

#client_pay {
	text-align: center;
	width: 360px;
	border: 1px solid white;
	margin-left: auto;
	margin-right: auto;
	}
	
.star_valid {

	height: 40px;
	margin-top: -10px;
}

#details {
	width: 375px;
	float: left;
}

#details a {
	color: red;
}

#legende {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

#legende li {
	margin-left: 20px;
}

.mafirme_comments {	
	clear:both;
	margin-left: 30px;
	margin-right: 30px;
	
}

.mafirme_comments2 {	
	padding: 10px;
	padding-top: 0px;
	background-color: #dfd9e8;
}

table a {
	color: #9b95c3;
}

.thdate {
	width: 100px;
}

.thfirme {
	width: 170px;
}

.thsupp {
	width: 40px;
}

td {
	height: 25px;
	background-color: white;
}

th {
	height: 30px;
	background-color: #ccc2da;
	color: black;
}

.none {
	text-decoration: none;
}

#comments_img {
background-image: url(../images/comments.gif);
background-repeat: no-repeat;
margin-left: 6px;
color: white;
height: 35px;
width: 134px;
padding-left: 40px;
padding-right: 30px;
padding-top: 1px;
text-align: center;
font-size: 1.1em;
font-style: italic;

}

#comments_img:hover{
background-position: 0px -39px;
}

#firms_bouttons {
	width: 70px;
	margin-left: 450px;
	margin-top: -200px;
}
#noteprofil {

	background-image: url(../images/noteprofil.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 95px;
	float: left;
	padding-top: 130px;
	padding-left: 75px;
	font-size: 1.5em;
	text-align: center;
	color: black;
}


.index_temoigner {
	background-image: url(../images/temoigner.gif);
	background-repeat: no-repeat;
	width: 180px;
	height: 98px;
}

.index_consulter {
	background-image: url(../images/consulter.gif);
	background-repeat: no-repeat;
	width: 180px;
	height: 98px;
	margin-left: 200px;
	margin-top: -99px;
	margin-bottom: 10px;
}



.index_temoigner:hover {
background-position: 0px -99px;
}

.index_consulter:hover {
	background-position: 0px -99px;
}

.index_temoigner p {
	padding-top: 40px;
	padding-left: 35px;
	text-align: center;
	font-size: 1.3em;
}

.index_consulter p {
	padding-top: 40px;
	padding-right: 40px;
	text-align: center;
	font-size: 1.3em;
}

.index_temoigner a {
	text-decoration: none;
}

.espaces a {
	text-decoration: none;
	color: #644980;
}

.cadreh {
	background-image: url(../images/cadreh.gif);
	background-repeat: no-repeat;
	height: 34px;
	margin-top: 70px;
}
.cadrem {
	background-image: url(../images/cadrem.gif);
	background-repeat: repeat-y;
	padding-left: 20px;
	padding-right: 20px;
}
.cadreb {
	background-image: url(../images/cadreb.gif);
	background-repeat: no-repeat;
	height: 35px;
}

.cadre2h {
	background-image: url(../images/cadre2h.gif);
	background-repeat: no-repeat;
	height: 27px;
	margin-top: 10px;
	margin-left: 80px;
}
.cadre2m {
	background-image: url(../images/cadre2m.gif);
	background-repeat: repeat-y;
	padding-left: 20px;
	padding-right: 20px;
		margin-left: 80px;
}
.cadre2b {
	background-image: url(../images/cadre2b.gif);
	background-repeat: no-repeat;
	height: 35px;
		margin-left: 80px;
}

.mascotecadre {
	margin-left: -90px;
	margin-top: -10px;
	float: left;
}

.accordion_dim {
	display: block;
	float: left;
	width: 210px;
	font-size: 0.8em;
	padding-top: 2px;
}


.search_title {
	display: block;
	height: 15px;
	width: 280px;
	float: left;
	margin-left: 25px;

}


.search_title4 {
	display: block;
	height: 15px;
	width: 400px;
	float: left;
	margin-left: 15px;
	font-size: 0.8em;

}

.search_title_firm {
	display: block;

	width: 450px;
	float: left;
	text-align: left;
	font-size: 0.9em;

}



.search_title2 {
	margin-left: 10;
	font-size: 0.8em;
}

.search_title3 {
	display: block;
	float: left;
	height: 10px;
	width: 55px;
}

#firm_desc_left {
	width: 280px;
	float: left;
}
#firm_desc_left pre {
		width: 280px;
}
#firm_desc_left h2 {
	text-align: center;
		color: #cec8f4;
}

#firm_desc_left b,#firm_stats b {
		color: black;
}

#firm_stats {
	margin-left: 300px;
	width: 120px;
}

#firm_stats {
	margin-left: 305px;
	width: 110px;
}

#firm_search {
	margin-left: 425px;
	width: 95px;
	font-size: 0.8em;
}

.google_chart {
width: 200px;
height: 200px;
margin-left: 40px;
}

.rouge {
	color:red;
}
.noir {
	color: black;
}


.cadre_main_h {
	clear: both;
	background-image: url(../images/cadre_main_h.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 370px;
}
.cadre_main_m {
	background-image: url(../images/cadre_main_m.gif);
	background-repeat: repeat-y;
	padding-left: 20px;
	padding-right: 20px;
		width: 370px;
		font-style: italic;
	margin-top: -10px;
}
.cadre_main_b {
	background-image: url(../images/cadre_main_b.gif);
	background-repeat: no-repeat;
	height: 19px;
		width: 370px;
}

.commentaire_main {
	float: right;
	margin-right: 35px;
}

.commentaire_main_2 {
	display: block;
	font-style: normal;
	text-align: center;
}

.big {
	font-size: 1.5em;
}

.pub_left {
	margin-left: 10px;
}

.comment_une {
	font-weight: bold;
	color: #ded4ed;
}

.firme_pouce {
	margin-left: 30px;
}

#bravo {
	background-image: url(../images/bravo.jpg);
	background-repeat: no-repeat;
	width: 200px;
	height: 200px;
	float: left;
}

.bravo_h2 {
	text-align: center;
	color: #cec7f3;
	font-weight: bold;
}

.full {
	display: block;
	height: 100px;
	width: 170px;
	border: 1px solid #999;
}

.barre_pub {
		background-image: url(../images/barre.gif);
		background-repeat: no-repeat;
		color: black;
		padding-top: 16px;
		height: 55px;
		text-align: center;
		font-size: 1.2em;

}
.barre_pub2 {
		background-image: url(../images/barre2.gif);
		background-repeat: no-repeat;
		color: black;
		padding-top: 16px;
		height: 55px;

}

.pres_pub {
	margin: 10px;
}

.images_pub {
	border: 1px solid #999;
	display: block;
	margin-right: 20px;
	width: 90px;
	height: 130px;
	float: left;
}


.pres_pub h4 {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}

#comment_logo {
	display: block;
	float: right;
	margin-right: 30px;
	margin-top: -30px;
	border: 1px solid #999;
}

#encadre {
	background-image: url(../images/encadre.jpg);
	background-repeat: no-repeat;
	width: 560px;
	height: 185px;
	margin-left: -15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 160px;
}

#cgu h2, #mentions_legales h2 {
	color: #CEC8F4;
	text-align: center;
}

#noter {
	background-image: url(../images/noter.gif);
	background-repeat: no-repeat;
	height: 102px;
	width: 104px;
}

#noter:hover {
		background-image: url(../images/noter2.gif);
}

#evolution {
	background-image: url(../images/evolution.jpg);
	background-repeat: no-repeat;
	height: 105px;
	width: 102px;
}

#evolution:hover {
		background-image: url(../images/evolution1.jpg);
}

#profil {
	background-image: url(../images/profil.gif);
	background-repeat: no-repeat;
	height: 105px;
	width: 102px;
}

#profil:hover {
		background-image: url(../images/profil1.gif);
}

#contact {
	background-image: url(../images/contact.gif);
	background-repeat: no-repeat;
	border: 1px solid #999;
	width: 380px;
	height: 328px;
	margin-left: 30px;
	margin-top: 50px;
	padding-left: 160px;
	padding-top: 100px;
	
}

.pub_ok {
	margin-left: 300px;
}

.avatar_profil {
	display: block;
	float: left;
	width: 90px;
	height: 90px;
}

.searh_logo {
	width: 120px;
	height: 120px;
	margin-right:auto;
	margin-left:auto;
vertical-align: bottom;


		text-align:center;
}

#content_pub h4 {
		color: #403150;

}

#ajouter_salarie {

		background-image: url(../images/ajouterfirme1.gif);
		background-repeat: no-repeat;
		height: 104px;
		width: 102px;
		float: right;
		margin-top: -60px;
		margin-right: 30px;

}