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

* {
	margin:0;
	padding:0;
}

body {
	background: #FDFAFA url(../images/back.png) repeat-x;
	font: 11px Tahoma,Verdana,Arial,sans-serif;
	color: #333;
}

a{
	color:#333;
	text-decoration:underline;

}

a:hover{

}
.clearer { clear:both; }

#container {
	width: 893px;
	margin:0 auto;
}

	#menu {
		background:url(../images/bgmenu2.png) no-repeat;
		width:885px;
		height:38px;
		margin-top:0px;
    position: absolute;
	}

		#menu ul {
			list-style:none;
			/*padding-top: 5px;*/
			/*padding-left: 150px;
			margin-left: 210px;*/
      position: absolute;
      left: 350px;
		}

		#menu ul li {
      float: left;
			padding-left:15px;
		}

		#menu a {
			color: #000;
			text-decoration:none;
			text-transform:uppercase;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
		}

		#menu a:hover {
			text-decoration:none;

		}

    #menu #link1 {
      width: 73px;
      text-align: center;
			/*margin-top: 15px;*/
		}

    /*#menu #link2 {
      width: 127px;
      text-align: center;
      margin-left: 15px;
    }*/

    #menu #link2 {
      width: 88px;
      text-align: center;
    }

    #menu #link3 {
      width: 88px;
      text-align: center;
    }

    #menu #link4 {
      width: 120px;
      text-align: center;
    }




		#menu #link1 a{
			padding-top: 3px;
			display:block;
			height: 25px;
			margin-top:15px;
		}

    #menu #link1 a:hover {
      background:url(../images/hovermenu12.png) no-repeat;
		}

    #menu #link1 .active {
      background:url(../images/hovermenu12.png) no-repeat;
    }

		/*#menu #link2 a{
			padding-top: 7px;
			display:block;
			height: 35px;
		}

		#menu #link2 a:hover {
			background:url(../images/hovermenu22.png) no-repeat;
		}*/

		#menu #link2 a{
			padding-top: 3px;
			display:block;
			height: 25px;
			margin-top:15px;
		}

		#menu #link2 a:hover {
			background:url(../images/hovermenu22.png) no-repeat;
		}

		#menu #link2 .active {
			background:url(../images/hovermenu22.png) no-repeat;
		}

		#menu #link3 a{
			padding-top: 3px;
			display:block;
			height: 25px;
			margin-top:15px;
		}

		#menu #link3 a:hover {
			background:url(../images/hovermenu32.png) no-repeat;

		}

		#menu #link3 .active {
			background:url(../images/hovermenu32.png) no-repeat;
		}

		#menu #link4 a{
			padding-top: 3px;
			display:block;
			height: 25px;
			margin-top:15px;
		}

		#menu #link4 a:hover {
			background:url(../images/hovermenu42.png) no-repeat;
		}

		#menu #link4 .active {
			background:url(../images/hovermenu42.png) no-repeat;
		}

	#logo {
		margin: 0;
		padding: 0;
		height: 151px;
		width:885px;
		background:url(../images/logo2.png) no-repeat;
	}

	#main {
		background: #FDFAFA url(../images/bgcontainer2.png) left top no-repeat;
		/*min-height:500px;*/
		margin-left:0px;
		padding-top:0px;
		width :885px;
	}

		#main #left {
			width: 250px;
			margin-right: 600px;
			min-height:300px;

		}


			#contact {
				padding-top: 45px;
				padding-left: 46px;
				/*padding-right:100px;*/

			}

			#contact p {
				margin-bottom: 8px;
			}

			.contactinput {
				width:192px;
				padding-top: 2px;
				padding-bottom: 2px;
				padding-left:5px;
				border: none;
				background: #BAE8FB;
				font-size: 11px;
				font-weight:bold;
				font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
			}

			.contacttxtarea {
				width:190px;
				height: 105px;
				border: 1px solid #BAE8FB;
				background: #BAE8FB;
				font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				padding-left:5px;
				font-weight:bold;
			}

			.contactsubmit {
				border: 1px solid #0EB9FF;
				font-weight:bold;
				padding-top: 5px;
				padding-bottom:5px;
				background: #BAE8FB;
				width:90px;
				font-size: 11px;
				font-family: Trebuchet Ms,Verdana, Arial, Helvetica, sans-serif;
				cursor:pointer;
				margin-left:0px;
				margin-top: 0px;
				margin-bottom:10px;
			}

		#left #espaceclient a{
			background:url(../images/espaceclient.png) top no-repeat;
			display:block;
			width:104px;
			height:46px;
			margin-left:95px;
			margin-top:40px;
			text-indent:-9999px;
		}

		#main #content {
			padding-top:3px;
			padding-right:10px;
			padding-bottom:10px;
      float: right;
      width: 600px;
		}

			#content h1 {
				/*font-size:150%;
				font-weight:100;
				color:#0EB9FF;*/
				margin-top:3px;
				border-bottom:1px solid #1F7CA2;
				margin-bottom: 10px;
				color:#3181A3;
				/*font-family:Tahoma,Verdana,sans-serif;*/
				}

			/*#content h2 {
				margin-top:3px;
				border-bottom: 1px solid #1F7CA2;
				margin-bottom: 10px;*/

			#content p {
				padding-bottom:5px;
			}

			#content #contentimage{
				background:  url(../images/content-images.png) no-repeat;
				width:523px;
				height:259px;
				margin-left:12px;

			}

				#contentimage #textacceuil { position:relative;top:52px;left:364px;width:150px;font-size:11px;line-height:13px;color:#666; }

				#contentimage a {
					text-decoration:none;
					color: #1F7CA2;
					font-size:10px;
					display:block;
					margin-left: 38px;
					margin-top:-12px;
				}
			 #contentimage #textagenda {position:relative;top:23px;left: 196px;width:120px;font-size:11px;line-height:13px;color:#666; }

			 #contentimage #textpermanence {position:relative;top:-70px;left:10px;width:200px;font-size:11px;line-height:13px;color:#666; }

		 #content #content-left{
		  float:left;
		  background:url(../images/content-left.png);
			margin-top:50px;
		  height:284px;
		  width:143px;
		 }

		 #content #content-right{
		 background:black;
		 margin-top:50px;
		 height:284px;
		 }

		 #content #map{
		 float:left;
		 background:red;
		 width:200px;
		 height:200px;
		 }

		 #content #contactright{
		 background:none;
		 margin-top:10px;
		 }

			#menu-offres {
				margin-top:3px;
				border-bottom:1px solid #1F7CA2;
				margin-bottom: 20px;
			}

			#menu-offres .title {
				font-size: 200%;
				float:right;
				width: 110px;
				text-align:right;
			}

			#menu-offres ul {
				list-style: none;
			}

			#menu-offres ul li {
				float:left;
				padding-top: 10px;
				color: #444;
				font-weight:bold;
				font-size:12px;
			}

				#menu-offres ul li a {
					color: #444;
					text-decoration:none;

				}

				#menu-offres ul li a.active {
					color: #1F7CA2;
					text-decoration:none;
				}

				#menu-offres ul li a:hover {
					color: #1F7CA2;
					text-decoration:none;
				}

				#menu-offres ul li span {
					margin-left:5px;
					margin-right:5px;
				}

		.offre-desc {
			margin-bottom:20px;
		}

			.offre-desc img{
				float:left;
				margin-right:10px;
			}

			.offre-desc p{
				margin-left:144px;
			}

	#offres-permanence{
		background:url(../images/offres-permanence.jpg) no-repeat;
		height:367px;
		width:578px;
	}

		#offres-permanence .h1{
			margin-left:290px;
			padding-top:8px;
			margin-right:30px;
			font-weight:bold;
			font-family:Trebuchet Ms,Verdana, Arial, Helvetica, sans-serif;
			font-size:13px;
			text-decoration:underline;
		}

		#offres-permanence .permanence{
			margin-top:6px;
			margin-left:250px;
			margin-right:20px;
      line-height: 12px;
		}

			.permanence p{
				font-size:12px;
				text-align:left;
			}
		#bottom {
			background:url(../images/bottom.png) no-repeat;
			width: 886px;
			height:55px;
			margin-left:-1px;
		}

		#footer {
			font-size: 11px;
			}

			#footer a {
				color: #FF8602;
				text-decoration:none;
			}

			#footer a:hover {
				text-decoration:none;
			}

.message {
  border-bottom: 1px solid #8ADAFC;/*#BAE8FB;*/
  background: #BAE8FB;/*url(../images/stripe.png);*/
  padding: 10px 20px 10px 10px;
  font-weight: 100;
  color: #333;
  font-size: 20px;
}

.style7 {font-size: 24px}
.style8 {
  font-size: 16px
}
.style9 {
  font-size: 14px;
  color: #000000;
}

.tarifs {
	margin-left:20px;
	margin-right:20px;
}

.secretaire{
	font-style:italic;
	color:#3181A3;
	font-size:12px;
}

ul.forfait li{
	margin-bottom:8px;
}

ul.domiciliation{
	list-style:square;
}

ul.advantages{
	margin-bottom:40px;
	list-style:none;
}

ul.advantages li{
	float:left;
	margin-right:50px;
	background:url(../images/check.png) left no-repeat;
	font-size:14px;
	font-style:italic;
	padding-left:25px;
}


.clear{
	clear:both;
}