/*********************************************************************************************************/
/*  PAGE SERVICES  */
/*********************************************************************************************************/

#services{
		width: 935px;
		height: 346px;
}

.tit-services{
		color: #000;
		font-size: 11px;
		font-weight: bold;
}

#services #services-gauche{
		float: left;
		width: 571px;
		height: 346px;
}

#services #services-gauche #services-haut{
		width: 571px;
		height: 223px;
		display: block;
		margin-bottom: 14px;
}

#services #services-gauche #services-haut #menu-liste{
		width: 242px;
		height: 158px;
		float: left;
		background: url(../medias/pages/services/encart-vert.gif) no-repeat top left;
		margin-right: 14px;
		padding: 65px 0 0 14px;
}

#services #services-gauche #services-haut #menu-liste ul{
		padding: 0;
		margin: 0;
		list-style-type: none;
}

#services #services-gauche #services-haut #menu-liste li{
		text-align: left;
}

#services #services-gauche #services-haut #menu-liste li a{
		display: block;
}

#services #services-gauche #services-haut #menu-liste li a span{
		display: none;
}

/*   elements menu    */
a#services1{
		background: url(../medias/pages/services/services01.gif);
		width: 227px;
		height: 19px;
}

a#services1:hover, a#services1.selected {
		background: url(../medias/pages/services/services01_over.gif);
}

a#services2{
		background: url(../medias/pages/services/services02.gif);
		width: 218px;
		height: 18px;
}

a#services2:hover, a#services2.selected{
		background: url(../medias/pages/services/services02_over.gif);
}

a#services3{
		background: url(../medias/pages/services/services03.gif);
		width: 109px;
		height: 18px;
}

a#services3:hover, a#services3.selected{
		background: url(../medias/pages/services/services03_over.gif);
}

a#services4{
		background: url(../medias/pages/services/services04.gif);
		width: 229px;
		height: 16px;
}

a#services4:hover, a#services4.selected{
		background: url(../medias/pages/services/services04_over.gif);
}

a#services5{
		background: url(../medias/pages/services/services05.gif);
		width: 164px;
		height: 19px;
}

a#services5:hover, a#services5.selected{
		background: url(../medias/pages/services/services05_over.gif);
}

a#services6{
		background: url(../medias/pages/services/services06.gif);
		width: 235px;
		height: 19px;
}

a#services6:hover, a#services6.selected{
		background: url(../medias/pages/services/services06_over.gif);
}

a#services7{
		background: url(../medias/pages/services/services07.gif);
		width: 97px;
		height: 16px;
}

a#services7:hover, a#services7.selected{
		background: url(../medias/pages/services/services07_over.gif);
}

#services #services-gauche #services-haut #texte-services01{
		width: 261px;
		height: 148px;
		float: left;
		background: url(../medias/pages/services/pointilles-haut.gif) no-repeat top left;
		padding: 75px 20px 0 20px;
		font-size: 18px;
		color: #3a1304;
		text-align: left;
}

#services #services-gauche #services-haut #texte-services02{
		width: 266px;
		height: 198px;
		float: left;
		background: url(../medias/pages/services/pointilles-haut.gif) no-repeat top left;
		padding: 25px 15px 0 20px;
		font-size: 18px;
		line-height: 18px;
		color: #3a1304;
		text-align: left;
}

#services #services-gauche #services-haut #texte-services03{
		width: 261px;
		height: 188px;
		float: left;
		background: url(../medias/pages/services/pointilles-haut.gif) no-repeat top left;
		padding: 35px 20px 0 20px;
		font-size: 18px;
		color: #3a1304;
		text-align: left;
}

#services #services-gauche #services-haut #texte-services04{
		width: 271px;
		height: 198px;
		float: left;
		background: url(../medias/pages/services/pointilles-haut.gif) no-repeat top left;
		padding: 25px 10px 0 20px;
		font-size: 18px;
		color: #3a1304;
		text-align: left;
}

#services #services-gauche #services-haut #texte-services05{
		width: 261px;
		height: 188px;
		float: left;
		background: url(../medias/pages/services/pointilles-haut.gif) no-repeat top left;
		padding: 35px 20px 0 20px;
		font-size: 18px;
		color: #3a1304;
		text-align: left;
}

#services #services-gauche #services-haut #texte-services06{
		width: 266px;
		height: 203px;
		float: left;
		background: url(../medias/pages/services/pointilles-haut.gif) no-repeat top left;
		padding: 20px 15px 0 20px;
		font-size: 18px;
		color: #3a1304;
		text-align: left;
		line-height: 20px;
}

#services #services-gauche #services-haut #texte-services07{
		width: 261px;
		height: 178px;
		float: left;
		background: url(../medias/pages/services/pointilles-haut.gif) no-repeat top left;
		padding: 45px 20px 0 20px;
		font-size: 18px;
		color: #3a1304;
		text-align: left;
}

#services #services-gauche #services-bas{
		width: 571px;
		height: 109px;
		display: block;
}

#services #services-gauche #services-bas #pictos{
		width: 120px;
		height: 109px;
		float: left;
}

#services #services-gauche #services-bas #txt-bas{
		width: 392px;
		height: 75px;
		background: url(../medias/pages/services/pointilles-bas.gif) no-repeat top left;
		padding: 24px 30px 10px 14px;
		font-size: 10px;
		color: #000;
		float: right;
		text-align: left;
}

.tit-gd{
		color: #000;
		font-size: 18px;
}

#services #services-droite{
		float: right;
		width: 350px;
		height: 346px; 
}