/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size:12px;
	background: url(images/px-body.jpg) repeat-x #FFF;
	color:#000;
}


h2, h3 , h4 , h5, p {
	
	display:block;
	margin:0;
	padding:0 0 5px 0;
}

ul, li{
	padding:0;
	margin:0;
}

ul  {
	list-style:none;
}


a {
	text-decoration:none;
	color:#FFFFFF;
}

p.justify{
	text-align:justify;
	}
a:hover {
	text-decoration:none;
	color:#000;
}

.align_gauche {
	float:left;
}
.clear {
	clear:both;
}
.align-gche {
	float:left;
}
.marge {
	margin:5px 0px 0 0;
}
.marge2 {
	margin:0px 60px 0 0;
}
.marge3 {
	margin:1px 0 0 0;
}
/************************/

#page {
	width:955px;
	display:table;
	margin:0 auto;
	
}
#page-interne {
	width:955px;
	margin:0 auto;
	height: 570px;
	
}
#page-salaries {
	width:955px;
	display:table;
	margin:0 auto;
	padding: 0;
	
}
#page-contact {
	width:955px;
	background: url(images/fnd-contact.jpg) no-repeat;
	display:table;
	margin:0 auto;
	
}
/*---------------------index---------------------------------*/
#bloc-left-index {
	background: url(images/fd.jpg) no-repeat;
	float:left;
	width:480px;
	padding:0 0 0px 0px;
}
#logo {
	float:left;
	margin:5px 0 0 69px;
}
.menu span {
	font-size:16px;
}
.menu {
	float:left;
	padding:8px 0 0 5px;
	width:465px;
	font-size:12px;
	font-weight:bold;
	
}
.menu ul {
	list-style-type:none;
	padding:0;
}
.menu li {
	text-decoration: none;
	list-style-type:none;
	display:inline;
	line-height:32px;
	text-transform:uppercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
/**/
.menu ul li a{
	display:block;
	float:left;
	height:35px;
	color:#8c457c;
	text-align:center;
}

.menu ul li a.menu1{
	width:122px;
	background:url(images/menu1.jpg) no-repeat;
}

.menu ul li a.menu2{
	width:93px;
	background:url(images/menu2.jpg) no-repeat;
}

.menu ul li a.menu4{
	width:79px;
	background:url(images/menu4.jpg) no-repeat;
}

.menu ul li a.menu5{
	width:77px;
	background:url(images/menu5.jpg) no-repeat;
}

.menu ul li a:hover{
	color:#fff;
	background-position:0px -35px;
}

.menu ul li a.focus{
	color:#fff;
	background-position:0px -35px;
}
/**/
#text-index {
	float:left;
	width:450px;
	padding:20px 0 0 20px;
	text-align:justify;
	position: relative;
}
#text-index h3{
	font-size:14px;
	font-weight:bold;
	color:#932571;
	background:url(images/puce.gif) no-repeat 0 3px;
	padding:0 0 10px 16px;
}
#text-index p {
	background:url(images/puce1.gif) no-repeat 0 7px;
	padding:0 0 3px 10px;
	margin:0;
}
#text-index p.nonpuce {
	background:none;
	margin:0;
	padding:7px 0 7px 0;
	font-size: 13px;
}

#text-index span {
	font-weight:bold;
}
#bloc-bottom {
	float:left;
	width:500px;
	position:absolute;
	top:-135px;
	left:5px;
	z-index: 10;
}
#bloc-bottom2 {
	float:left;
	width:500px;
	position:absolute;
	top:-130px;
	left:479px;
	z-index: 10;
}
#bloc-vert-top {
	background: url(images/bloc-vert.jpg) no-repeat 0 0;
	padding:10px 5px 60px 10px;
	width:225px;
	margin:0 2px 0 0;
	float:left;
	text-align:left;
	height:135px;
}

#bloc-vert-bottom p.ensavoir{
	padding:0 0px 0px 10px;
}

.fleche {
	font-weight:bold;
	font-size:14px;
	background:url(images/puce.gif) no-repeat 0 3px;
	padding:0 0 10px 20px;
	color:#000;
	text-align:left;
}
.fleche2 {
	font-weight:bold;
	font-size:14px;
	background:url(images/puce2.gif) no-repeat 0 3px;
	padding:0 0 10px 15px;
	color:#000;
	text-align:left;
}
#bloc-viole-top {
	background: url(images/bloc-violet.jpg) no-repeat 0 0;
	padding:10px 5px 60px 10px;
	width:225px;
	height:135px;
	float:left;
	color:#000;
	text-align:left;
}

#bloc-vert-bottom .ensavoir {
	width:230px;
	font-weight:bold;
	padding:0;
	text-align:left;
}

.ensavoir a:hover{
	width:230px;
	font-weight:bold;
	color:#000;
}

#index-right {
	float:left;
	width:470px;
	padding:0;
}

#noustrait {
	float:left;
	width:470px;
	text-align:center;
	font-size:14px;
	padding:20px 0 0px 0;
	font-weight:bold;
}
#noustrait span {
	color:#942572;
	font-size:30px;
	padding:15px 0 0 40px;
	background:url(images/tel.gif) no-repeat 100px 0;
	display:block;
	height:40px;
}
#noustrait2 {
	width:470px;
	text-align:center;
	font-size:14px;
	padding:20px 0 0px 0;
	font-weight:bold;
}
#noustrait2 span {
	color:#8C457C;
	font-size:30px;
	padding:15px 0 0 40px;
	background:url(images/tel.gif) no-repeat 100px 0;
	display:block;
	height:45px;
}
.ecoute {
	color:#000;
	font-weight:bold;
	font-size:16px;
	width:380px;
	float:left;
	padding:70px 0 0 0;
}
.ecoute-index {
	background:url(images/salaries.jpg) no-repeat bottom left #c4cfd3;
	color:#000;
	font-weight:bold;
	font-size:16px;
	width:470px;
	float:left;
	padding:0;
	height: 660px;
}
#constat.ecoute {
	padding:40px 0 0 0;
	}
.ecou {
	width:122px;
	background:url(images/separ-balnc.gif) no-repeat 0 0;
	padding:20px 0 0 0;
	text-align:center;
	margin:0 0 20px 150px;
	display:inline;
	float:left;
	clear:both;

}
#ecou.ecou {
	margin:60px 0 30px 200px;
}
.accomp {
	width:122px;
	background:url(images/separ-balnc.gif) no-repeat 0 0;
	padding:20px 0 0 0;
	text-align:center;
	margin:0 0 20px 84px;
	display:inline;
	float:left;
	clear:both;
}
#accomp.accomp {
	margin:0 0 30px 160px;
}
.inform {
	width:122px;
	background:url(images/separ-balnc.gif) no-repeat 0 0;
	padding:20px 0 0 0;
	text-align:center;
	margin:0 0 20px 70px;
	display:inline;
	float:left;
	clear:both;

}
#inform.inform {
	margin:0 0 30px 80px;
}
.conseil {
	width:122px;
	background:url(images/separ-balnc.gif) no-repeat 0 0;
	padding:20px 0 0 0;
	text-align:center;
	margin:0 0 40px 50px;
	display:inline;
	float:left;
	clear:both;
}
#conseil.conseil {
	margin:0 0 30px 50px;
	}
.solu {
	width:122px;
	background:url(images/separ-balnc.gif) no-repeat 0 0;
	padding:20px 0 0 0;
	text-align:center;
	margin:0 0 20px 30px;
	display:inline;
	float:left;
	clear:both;
}
#solu.solu {
	margin:0 0 30px 30px;
}
.nego {
	width:122px;
	background:url(images/separ-balnc.gif) no-repeat 0 0;
	padding:20px 0 0 0;
	text-align:center;
	margin:0 0 20px 20px;
	display:inline;
	float:left;
	clear:both;
}
#nego.nego {
	margin:0 0 30px 20px;
}
.med {
	width:122px;
	background:url(images/separ-balnc.gif) no-repeat 0 0;
	padding:20px 0 0 0;
	text-align:center;
	margin:0 0 20px 10px;
	display:inline;
	float:left;
	clear:both;
}

#fidele {
	float:left;
	width:360px;
	padding:20px 10px 0 10px;
}
#fidele span{
	font-weight:bold;
}
/*-----------------------constat--------------------------*/
#bloc-left-constat {
	background: url(images/fd.jpg) no-repeat;
	float:left;
	width:480px;
	padding:0 0 0px 0px;
	height: 570px;
}
/*-----------------------salari&eacute;s--------------------------*/
#bloc-left-salaries {
	background: url(images/fd.jpg) no-repeat;
	float:left;
	width:480px;
	padding:0 0 0px 0px;
}
#bloc-left-salaries2 {
	float:left;
	width:480px;
	padding:0 0 0px 0px;
}
#text-salaries {
	float:left;
	width:360px;
	padding:0px 0 0 10px;
	text-align:justify;
}

#text-salaries p {
	background:url(images/puce1.gif) no-repeat 0 7px;
	padding:0 12px 0 12px;
	margin:0 0 0 12px;
}
#salaries-right {
	background:url(images/salaire.jpg) no-repeat top left;
	color:#000;
	font-weight:bold;
	font-size:16px;
	width:470px;
	float:left;
	padding:0;
}
#salaries-right p.sos {
	padding:15px 10px 10px 10px;
	margin:0;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#salaries-right2 {
	color:#000;
	font-weight:bold;
	font-size:16px;
	width:470px;
	float:left;
	padding:0;
}
.border{
	border:3px solid #990099;
	padding:10px;
	}
#salaries-right2 p.sos {
	padding:15px 10px 10px 10px;
	margin:0;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#slogan {
	width:470px;
	padding:0;
	height:420px;
}
#slogan ul{
	padding:0px 0 0 10px;
}
#slogan ul li{
	background:url(images/puce.gif) no-repeat 0px 5px;
	color:#000;
	font-weight:bold;
	font-size:14px;
	padding:0 0 6px 15px;
}
/**/
#emploi {
	background:url(images/image2.jpg) no-repeat bottom right;
	width:470px;
	padding:0;
	height:425px;
}
#emploi ul{
	padding:0px 0 0 10px;
}
#emploi ul li{
	background:url(images/puce.gif) no-repeat 0px 5px;
	color:#000;
	font-weight:bold;
	font-size:12px;
	padding:0 0 10px 15px;
}
/**/
#mentions-right {
	background:url(images/image2.jpg) no-repeat bottom right;
	width:460px;
	padding:10px 0 0 10px;
	height:420px;
}
#mentions-right p {
	float:left;
	width:440px;
	padding:5px 0 10px 0px;
	text-align:justify;
	font-size:12px;
	font-weight:normal;
	color:#000;
}
#mentions-right p.titre{
	color: #8C457C;
	font-size:12px;
	background:url(images/puce1.gif) no-repeat 0 5px;
	padding:0px 0 5px 10px;
	font-weight:bold;
}
/*--------------------------ce----------------------------------------------*/
#bloc-left-ce {
	float:left;
	width:490px;
	padding:0 0 0 42px;
}

#text-ce {
	float:left;
	width:450px;
	padding:10px 0 0 20px;
	text-align:justify;
	position: relative;
}
#text-ce h3{
	font-size:14px;
	font-weight:bold;
	color:#932571;
	background:url(images/puce.gif) no-repeat 0 3px;
	padding:0 0 10px 16px;
}
#text-ce p {
	background:url(images/puce1.gif) no-repeat 0 7px;
	padding:0 6px 0 6px;
	margin:0 0 0 12px;
	width:434px;
	line-height:20px;
}
#text-ce p.nonpuce {
	background:none;
	margin:0;
	padding:6px 0 6px 0;
}

#text-ce span {
	font-weight:bold;
}
.bloc-vert-top-int {
	background: url(images/bloc-top-vert-int.gif) no-repeat 0 0;
	padding:10px 0 0 0;
	width:340px;
	margin:0 2px 10px 0;
	float:left;
	text-align:justify;
}

.bloc-vert-bottom-int {
	background: url(images/bloc-bottom-vert-int.jpg) no-repeat 0 100% #ECEF3C;
	padding:0 10px 6px 10px;
	width:320px;
	float:left;
	font-size:12px;
	line-height:18px;

}
.bloc-vert-bottom-int p {
	background:url(images/puce1.gif) no-repeat 0 6px;
	padding:0 0 0 20px;
	margin:0 0 0 30px;
}
.bloc-vert-bottom-int p.nonpuce-int {
	background:none;
	margin:0;
	padding:10px 0 20px 0;
}
.bloc-vert-bottom-int p span {
	font-weight:bold;
}
/*---------------------------contact---------------------------------*/

#bloc-left-contact {
	float:left;
	width:490px;
	padding:0 0 76px 42px;
}
#text-contact {
	float:left;
	width:470px;
	padding:26px 0 0 20px;
	text-align:justify;
}
#text-contact h3{
	font-size:14px;
	font-weight:bold;
	color:#D83EBA;
	background:url(images/puce.gif) no-repeat 0 3px;
	padding:0 0 5px 16px;
}

.tel-contact {
	background:url(images/fnd-tel.gif) no-repeat;
	width:320px;
	font-weight:bold;
	padding:0 0 2px 100px;
	line-height:53px;
	font-size:24px;
	color:#FFF;
}
#quatendez {
	float:left;
	margin:320px 0 0 0;
}
/*---------------Mentions Légales ------------*/
#bloc-left-mentions {
	background: url(images/fd.jpg) no-repeat;
	float:left;
	width:480px;
	padding:0 0 0px 0px;
}
#contenu-mentions {
	float:left;
	width:440px;
	padding:10px 0 10px 10px;
}
#contenu-mentions p {
	float:left;
	width:440px;
	padding:5px 0 10px 0px;
	text-align:justify;
	font-size:12px;
	font-weight:normal;
	color:#000;
}
#contenu-mentions p.titre{
	padding:3px 0 7px 25px;
	color: #8C457C;
	font-size:13px;
	clear:both;
	height:17px;
	background:url(images/puce.gif) no-repeat 0 30%;
	font-weight:bold;

}
#contenu-mentions p.txt{
	color: #8C457C;
	font-size:12px;
	background:url(images/puce1.gif) no-repeat 0 5px;
	padding:0px 0 5px 10px;
	font-weight:bold;
}
/*-----------------------CSS footer------------------------*/
#bloc-flottant {
	position:relative;
	width:955px;
	margin:0 auto;
}
#personne {
	position:absolute;
	top:-830px;
	right:0px;
}
#interne-img {
	position:absolute;
	top:-201px;
	right:63px;
	width: 249px;
	height: 171px;
}
#image2 {
	position:absolute;
	top:-209px;
	right:64px;
}
#image1 {
	position:absolute;
	top:-336px;
	right:26px;
}
#footer {
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:0px 0 10px 0;
	background: url(images/px-footer.jpg) repeat-x;
	color:#000;
	font-weight:bold;
	font-size:11px;
	height: 240px;
}
#footer2 {
	background: url(images/bg2.jpg) no-repeat 0 0;
	margin:0 auto;
	width:955px;
	height: 240px;
	position: relative;
}
#footer2b {
	background: url(images/bg3.jpg) no-repeat 0 0;
	margin:0 auto;
	width:955px;
	height: 240px;
	position: relative;
}
#footer.int {
	padding:10px 0 10px 0;
}
#footer.int2 {
	padding:0px 0 10px 0;
	clear: both;
}
#footer ul {
	list-style-type:none;
	font-size:11px;
	font-weight:bold;
	color:#7C2A6A;
	clear:both;
	display: block;
	padding: 70px 0 0 0;
	left: 254px;
	top: 36px;
}

 
#footer li {
	display:inline;
}
 
 
#footer li a{
	color:#7C2A6A;
}
 
#footer li a:hover{
	color:#fff;
}
/**/
#footer ul.entreprise {
	list-style-type:none;
	font-size:11px;
	font-weight:bold;
	color:#7C2A6A;
	clear:both;
	display:block;
	padding:20px 0 0 0;
	left:254px;
}
 
#footer li.entreprise {
	display:inline;
}
 
 
#footer li.entreprise a{
	color:#7C2A6A;
}
 
#footer li.entreprise a:hover{
	color:#fff;
}

/**/
#adres {
	font-size:11px;
	clear:both;
	padding:12px 0 8px 0px;
	height:39px;
	width: 955px;
	margin: 0;
}

.object{
	float:left;
	padding:6px 0 0 0;
}

#footer span{
	display:block;
}
.flot{
	border-left: #000 solid 1px;
	float:left;
	padding:0 20px 0 20px;
	text-align:left;	
}
.flot-tel{
	border-left: #000 solid 1px;
	float:left;
	padding:10px 0px 20px 20px;
	text-align:left;
	width:130px;
}
.flot-mail{
	border-left: #000 solid 1px;
	float:left;
	padding:10px 0px 20px 20px;
	text-align:left;
	width:200px;	
}
#courr.flot{
	padding:6px 0 0 20px;
	font-weight:normal;
}
.terre {
	float:left;
	font-size:14px;
	padding:6px 20px 0 80px;
	color:#7C2A6A;
}
.sep {
	margin:8px 0 0 0;
	float:left;
}

#logo_top {
	text-align:center;
	line-height:20px;
	clear:both;
} 

#logo_top a{
	font-size:9px;
	border:none;
	color:#888383; 
}

#logo_top a:hover{
	color:#000;
}

#bloc-left-constat.fond2{
	background:url(images/fd2.jpg) no-repeat;
}

.article-vert{
	text-align:center;
	padding:10px;
	width:315px;
	height:80px;
	background:url(images/article-vert.gif) no-repeat;
	margin:20px 50px 0 50px;
	font-size:12px;
	font-weight:normal;
}

#text-ce div.article-vert p{
	width:315px;
	padding:0;
	margin:0;
}

.article-vert p a{
	font-weight:bold;
}

.article-violet{
	text-align:center;
	padding:10px;
	width:315px;
	height:80px;
	background:url(images/article-violet.gif) no-repeat;
	margin:20px 50px 0 50px;
	font-size:12px;
	font-weight:normal;
}

.article-violet p a{
	font-weight:bold;
}

#text-ce div.article-violet p{
	width:315px;
	padding:0;
	margin:0;
}

#article{
	width:500px;
	padding:20px;
}

#article h3{
	font-size:14px;
	font-weight:bold;
	color:#932571;
	background:url(images/puce.gif) no-repeat 0 3px;
	padding:0 0 10px 16px;
}

#footer2 p.mentions{
	color:#fff;
	padding-top:90px;
}

#footer2b p.mentions{
	color:#fff;
	padding-top:90px;
}

.articlepresse{
	padding:20px 0 0 0;
	text-align: center;
	}
	
.articlepresse img{
	margin:20px auto;
	padding:0;
	border: 3px solid #990099;
	}
.articlepresse2{
	padding:10px 80px 0 80px;
	}
a.salaries{
	color:#990099;
	}
a.salaries:hover{
	color:#CCCC33;
	}	
