/*********************************************************************************************************/
/*  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;
}

*+html #services #services-gauche #services-haut #menu-liste{
		width: 242px;
		height: 168px;
		float: left;
		background: url(../medias/pages/services/encart-vert.gif) no-repeat top left;
		margin-right: 14px;
		padding: 55px 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);
}
a#services8{
		background: url(../medias/pages/services/service08.png);
		width: 232px;
		height: 25px;
}

a#services8:hover, a#services8.selected{
		background-position:0 -25px;
}

#services #services-gauche #services-haut #texte-services01{
		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;
}
#texte-services01 span{font-size: 10px; display:block; padding:20px 0 0 0;}

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

#services #services-gauche #services-haut #texte-services03{
		width: 261px;
		height: 210px;
		float: left;
		background: url(../medias/pages/services/pointilles-haut.gif) no-repeat top left;
		padding: 12px 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-haut #texte-services08{
		width: 261px;
		height: 198px;
		float: left;
		background: url(../medias/pages/services/pointilles-haut.gif) no-repeat top left;
		padding: 25px 20px 0 20px;
		font-size: 18px;
		color: #3a1304;
		text-align: left;
}
#texte-services08 span{font-size: 10px; display:block; padding:10px 0 0 0;}

#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: 85px;
		background: url(../medias/pages/services/pointilles-bas.gif) no-repeat top left;
		padding: 15px 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; 
}
#services #services-droite-appetit{
	float: right;
	width: 320px;
	height: 346px;
	position:relative;
	background-image: url(../medias/pages/services/visuel-appetit.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #000000;
    font-size: 10px;
    text-align: left;
	padding:15px
}
#services #services-droite-appetit .titre{
	display:block;
	font-size:16px;
	color:#3a1309;
	text-transform:uppercase;
}
#services #services-droite-appetit .soustitre{
	display:block;
	font-size:11px;
	color:#adbc23;
	font-weight:bold;
	padding: 10px 0 15px;	
}
#services #services-droite-appetit ul {
	margin:0;
	padding:0;
}
#services #services-droite-appetit ul li {
	padding:10px 0 0 10px;;
	list-style:none;
	background-image: url(../medias/pages/services/fleche.gif);
	background-repeat: no-repeat;
	background-position: 0px 13px;
}
#pastille-prix {
	display:block;
	position:absolute;
	width:99px;
	height:99px;
	right: 9px;
    top: -15px;
}
#services #services-droite-cordonbleu{
	float: right;
	width: 320px;
	height: 346px;
	position:relative;
	background-image: url(../medias/pages/services/visuel-cordonbleu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #000000;
    font-size: 10px;
    text-align: left;
	padding:15px
}
#services #services-droite-cordonbleu .titre{
	display:block;
	font-size:16px;
	color:#3a1309;
	text-transform:uppercase;
}
#services #services-droite-cordonbleu .soustitre{
	display:block;
	font-size:11px;
	color:#adbc23;
	font-weight:bold;
	padding: 10px 0 15px;	
}
#services #services-droite-cordonbleu ul {
	margin:0;
	padding:0;
}
#services #services-droite-cordonbleu ul li {
	padding:10px 0 0 10px;;
	list-style:none;
	background-image: url(../medias/pages/services/fleche.gif);
	background-repeat: no-repeat;
	background-position: 0px 13px;
}