﻿* { margin:0px; padding:0px; }
body { background:#DBDBDB url(images/body.gif) repeat-x top left; font-family:Verdana; font-size:11px; padding-bottom:15px;}

a { color:#8492AF; text-decoration:underline }
a:hover { color:#8492AF; text-decoration:none }

#header { width:951px; background:url(images/header.jpg) no-repeat top left; overflow:hidden; margin:0px auto; margin-top:10px; color:#8492AF;}
#header h1 { width:250px; float:left; font-weight:normal; font-size:25px; margin:5px 0px 11px 20px; }
#header h1 a { color:#000000; text-decoration:none }
#header h1 span { color:#FFFFFF; font-size:20px; }
#header p.member { width:185px; float:right; margin-top:7px; }

/*-- Menu --*/
#header ul { list-style:none; clear:both; background:url(images/menu-background.jpg) no-repeat top left; overflow:hidden; padding-top:1px; padding-left:170px; }
#header .description  strong{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
#header .description {
	color: #a85900;
	padding-top: 8px;
	text-align: right;
	width: 440px;
	float: left;
}


#header ul li { float:left; }
#header ul li a { color:#000000; text-decoration:none; text-align:center; display:block; font-size:12px; }
#header ul li a:hover { color:#FFFFFF; text-decoration:none }
#header ul li.accueil a {background:#FFFFFF url(images/menu.jpg) no-repeat 0 0; width:85px; padding:11px 0px 12px 0px; display:block; margin-left:1px; }
#header ul li.accueil a:hover { background:#000000 url(images/menu.jpg) no-repeat 0 -37px; }
#header ul li.accueil-current a { background:#000000 url(images/menu.jpg) no-repeat 0 -37px; color:#FFFFFF }
#header ul li.petites a { background:#FFFFFF url(images/menu.jpg) no-repeat -85px 0; width:143px; padding:11px 0px 12px 0px; }
#header ul li.petites a:hover {background:#000000 url(images/menu.jpg) no-repeat -84px -37px; }
#header ul li.petites-current a {background:#000000 url(images/menu.jpg) no-repeat -84px -37px; color:#FFFFFF }
#header ul li.informations a {background:#FFFFFF url(images/menu.jpg) no-repeat -228px 0px; padding:11px 0px 12px 0px; width:122px; }
#header ul li.informations a:hover {background:#000000 url(images/menu.jpg) no-repeat -227px -37px; }
#header ul li.informations-current a {background:#000000 url(images/menu.jpg) no-repeat -227px -37px; color:#FFFFFF}
#header ul li.annuaire a {width:96px; background:#FFFFFF url(images/menu.jpg) no-repeat -350px 0; padding:11px 0px 12px 0px; }
#header ul li.annuaire a:hover {background:#000000 url(images/menu.jpg) no-repeat -349px -37px; }
#header ul li.annuaire-current a {background:#000000 url(images/menu.jpg) no-repeat -349px -37px; color:#FFFFFF}
#header ul li.contact a {width:102px; background:#FFFFFF url(images/menu.jpg) no-repeat -446px 0; padding:11px 0px 12px 0px; }
#header ul li.contact a:hover {background:#000000 url(images/menu.jpg) no-repeat -446px -37px; }
#header ul li.contact-current a {background:#000000 url(images/menu.jpg) no-repeat -446px -37px; color:#FFFFFF}

/*-- Homepage --*/
#home {overflow:hidden; background:#FFFFFF url(images/homepage-background.jpg) no-repeat top left; width:951px; margin:0 auto;}
#home #girl {float:left; width:260px;}
#home #girl img {margin:11px 0px 0px 15px;}
#home #girl h4 {font-size:12px; color:#E79105; margin:20px 0px 5px 25px; }
#home #girl p {color:#7385AA; margin:10px 40px 0px 25px;}
#home #map { float:left; width:448px; padding-top:10px;}
#home #annonces {float:left; width:239px; background:#9EA5AB url(images/home-annonces-bg.jpg) repeat-y top left; color:#FFFFFF; min-height:433px;}
#home #annonces .top {background:url(images/home-annonces.jpg) no-repeat top left;}
#home #annonces .bottom {background:url(images/home-annonces-footer.jpg) no-repeat bottom left; min-height:400px; padding-bottom:50px;}
#home #annonces h3 {color:#E79105; font-size:16px;padding:40px 10px 20px 30px;}
#home #annonces h3 span {display:block; color:#5C5C5B;}
#home #annonces p { padding:15px 30px 0px 30px; }

#groups { width:951px; background:#9DA5AB url(images/home-gray.gif) repeat-x top left; overflow:hidden; margin:0px auto; }
#groups a { text-decoration:none }
#groups a:hover { text-decoration:underline }
#groups ul {list-style:none; background:url(images/home-gray-bottom.gif) no-repeat bottom left !important; overflow:hidden !important; padding-left:20px !important; padding-bottom:15px !important; height:1%;}
#groups ul li{float:left; background:#F3EFE9 url(images/fond-bas.gif) no-repeat bottom left; width:294px; padding-bottom:15px; margin-top:0; margin-right:13px; margin-bottom:0; margin-left:0}
#groups ul ul { background:none !important; padding-left:0px !important; min-height:inherit; padding:10px 0px 5px 0px !important; }
#groups ul li ul li { background:url(images/home-bullets.gif) no-repeat left; padding-bottom:0px; padding-left:15px !important; margin-left:20px !important; width:auto; float:none }
#groups ul li.group-1 div { background:url(images/fond1.gif) no-repeat top left; padding-top:8px; }
#groups ul li.group-1 div h3{margin-left:8px; font-size:16px; background-image:url(images/fond1-h3.jpg); background-repeat:no-repeat; background-position:left 2px; color:#FFF; padding-left:28px; line-height:27px}
#groups ul li.group-2 div{background:url(images/fond2.gif) no-repeat top left; padding-top:8px}
#groups ul li.group-2 div h3{margin-left:8px; font-size:16px; background-image:url(images/fond2-h3.jpg); background-repeat:no-repeat; background-position:left 2px; color:#FFF; padding-left:28px; line-height:27px}
#groups ul li.group-3 div{background:url(images/fond3.gif) no-repeat top left; padding-top:8px}
#groups ul li.group-3 div h3{margin-left:8px; font-size:16px; background-image:url(images/fond3-h3.jpg); background-repeat:no-repeat; background-position:left 2px; color:#FFF; padding-left:28px; line-height:27px}

/*-- Pages intérieures --*/
#wrapper { background:#FFFFFF url(images/wrapper.gif) no-repeat bottom left; overflow:hidden; width:951px; margin:0px auto; padding:10px 0 10px 0; }
#container { width:765px; float:left; }
#container p.locator {	margin-top: 5px;margin-right: 0px;margin-bottom: 10px;position: relative;margin-left: 20px;}
#container p.locator span { color:#E79105; font-weight:bold }

/*-- Contenu --*/
#content {width:577px;float:left;padding-top:10px;}
#content h1 {
	color:#646b7a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-repeat: no-repeat;
	border-top-style: none;
	border-bottom-style: none;
	width: 545px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left: 10px;
	text-align: center;
	background-image: url(images/fond-h1.jpg);
	background-position: center top;
	border-right-style: none;
	border-left-style: none;
}
#content h2 span.upper { text-transform:uppercase }
#content p.nos-villes { padding:10px 20px 10px 20px; color:#8492AF; }
#content p.nos-villes a { text-decoration:none }
#content p.nos-villes a:hover { text-decoration:underline }

#content div.location { width:530px; margin:0 auto; background:#FCF7E9 url(images/location-footer.jpg) no-repeat bottom left; overflow:hidden; padding-bottom:10px; color:#4F4F4F; }
#content div.location div {
	background:#FCF7E9 url(images/location-background.jpg) repeat-y top left;
	overflow:hidden;
}
#content div.location h2 {
	color:#FFFFFF;
	overflow:hidden;
	font-size:14px;
	padding:12px 0px 8px 35px !important;
	margin:0  !important;
	background-image: url(images/location-title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#content div.location h2 span.first { float:left; width:70%; text-transform:inherit; }
#content div.location h2 span.second {
	width:26%;
	padding-right:15px;
	text-transform:inherit;
	color:#000000;
	font-size:13px;
	text-align:right;
	float:right
}
#content div.compinfo { float:left; width:317px; }
#content div.location img.float { float:left; border:1px solid #E5E2E1; margin:10px 20px 5px 10px; }
#content div.compinfo img { margin-top:10px; }
#content div.location div.compinfo h3 {width:170px;float:left;margin-top: 0;margin-right: 0;margin-bottom: 5px;margin-left: 0;padding-top: 10;padding-right: 0;padding-bottom: 0;padding-left: 10px;}
#content div.location h3 { font-size:12px; background:url(images/home-bullets.gif) no-repeat left !important; margin:10px 0 0 0 !important;}
#content div.location span.name { float:left; width:150px; margin-left:10px; margin-right:20px; padding-top:5px; color:#E79105; font-weight:bold }
#content div.location span.phone { float:left; width:150px; background:url(images/phone-icon.jpg) no-repeat left; padding:5px 0px 5px 25px; color:#E79105; font-weight:bold; }
#content div.location span.email { float:left; width:150px; background:url(images/email-icon.jpg) no-repeat left; padding:5px 0px 5px 25px; color:#E79105; font-weight:bold; }
#content div.clear { clear:both; }
#content p.msg {padding-top: 10px;padding-right: 10px;padding-bottom: 0px;padding-left: 0px;}
#content p.savoir {	text-align:right;padding-right: 10px;padding-bottom: 0px;padding-left: 0px;}

#content ul.contact { float:left; width:210px; border-left:1px solid #E2DED1; margin:10px 0 0 0 !important; padding:8px 0px 8px 0px !important; list-style:none; overflow:hidden; background:none !important; }
#content ul.contact li { background:url(images/home-bullets.gif) no-repeat left !important; margin:0 0 0 30px !important; padding:0 0 0 15px !important; }
#content ul.contact li.phone { background:url(images/phone-icon.jpg) no-repeat left !important; padding:3px 0px 2px 20px;line-height: 20px;	text-indent: 8px;}
#content ul.contact li.fax { background:url(images/fax.jpg) no-repeat left  !important;	padding:3px 0px 2px 20px; margin-top:5px;	line-height: 20px;	text-indent: 8px;}

#content div.listing { width:530px; margin:0 auto; background:#FFFFFF url(images/listing-bottom.jpg) no-repeat bottom left; overflow:hidden; padding-bottom:15px; margin-top:10px; color:#4F4F4F; }
#content div.listing div { background:url(images/listing-background.jpg) repeat-y top left; overflow:hidden; }
#content div.listing h2 { background:#FCF8EB url(images/listing-title.jpg) no-repeat top left !important; color:#839127; font-size:14px; padding:11px 0px 7px 35px !important; margin:0px !important; }
#content div.listing h3 { font-size:12px; background:url(images/home-bullets.gif) no-repeat left !important; padding:0 0 0 10px !important; margin:10px 0 0px 10px !important; }
#content div.listing p { padding:0 0 0 10px !important; margin:0  !important; }

a.offres { width:187px; float:left; display:block; color:#6C88C0; background:#FFFFFF url(images/offres.jpg) no-repeat top left; padding:17px 0px 17px 65px; font-size:17px; font-weight:bold; margin:5px 0px 10px 20px; }
a.disponibles { width:230px; float:left; display:block; color:#839127; background:#FFFFFF url(images/disponibles.jpg) no-repeat top left; padding:17px 0px 17px 50px; font-size:17px; font-weight:bold; margin-top:5px; text-decoration:none }
h2.custom-title { background:#747474 url(images/h2-background.gif) no-repeat top left !important; color:#FFFFFF; font-size:16px !important; padding:3px 0 3px 35px !important; clear:both; width:494px; margin:0px 0 10px 25px !important; }

#content div.comments { width:531px; margin:0 auto; background:#FFFFFF url(images/fond-commentaires.gif) repeat-y top left; overflow:hidden; margin-top:10px; }
#content div.comments-top { background:url(images/comment-haut.gif) no-repeat top left; padding-top:5px; }
#content div.comments-bottom { background:url(images/comment-bas.gif) no-repeat bottom left; padding-bottom:15px; }
#content div.comments p { margin:10px 15px 0px 15px; }
#content div.comments p.title { font-weight:bold; color:#7385AA; background:url(images/home-bullets.gif) no-repeat left; padding-left:10px; }
#content div.comments p.info-link { background:url(images/fleche-black.gif) no-repeat left; padding:0 0 0 15px; }
#content div.comments hr { border:0px; border-bottom:1px solid #EFEFEF; width:90%; margin:0 auto; margin-top:10px; }

/*-- Contenu Sidebar --*/
#sidebar1 {	width:188px;float:left;}
#sidebar1 p.ads { width:161px; margin-left:27px; padding-top:10px; }
#sidebar1 form.members { width:158px; height:127px; margin-top:10px; margin-left:30px; background:#EFEFEF url(images/login-form.jpg) no-repeat top left; }
#sidebar1 form.members h5 { color:#FFFFFF; font-size:12px; padding:13px 0px 7px 18px; }
#sidebar1 form.members input.s { width:70px; margin-bottom:1px; }
#sidebar1 form.members .padding { padding-left:10px; font-weight:bold }
#sidebar1 form.members input.img { margin-top:10px; }

#sidebar1 div.services { width:158px; margin-left:30px; margin-top:15px; background:#F3EFE9 url(images/services-background.jpg) repeat-y top left; }
#sidebar1 div.services h4 { background:#8290A9 url(images/services-top.jpg) no-repeat top left; color:#FFFFFF; font-size:13px; padding:12px 0px 6px 15px; }
#sidebar1 div.services ul { background:url(images/services-bottom.jpg) no-repeat bottom left; padding-bottom:10px; list-style:none; }
#sidebar1 div.services ul li { margin:5px 10px 0px 10px; background:url(images/fleche-bleue.gif) no-repeat top left; padding-left:10px; }
#sidebar1 div.services ul li strong { display:block; color:#4F4F4F }
#sidebar1 div.services ul li strong a:hover { text-decoration:none }
#sidebar1 div.services a { text-decoration:none }

/*-- Sidebar --*/
#sidebar { width:185px; float:left; }
#sidebar p.ads { width:161px; padding-top:10px; }

div.links { width:158px; background:#F8F8F8 url(images/links-background.gif) repeat-y top left; }
div.links h4 { background:#000000 url(images/links-title.gif) no-repeat top left; color:#FFFFFF; font-size:14px; padding:12px 0px 3px 33px; }
div.links ul { background:url(images/links-footer.gif) no-repeat bottom left; list-style:none; padding-bottom:10px; }
div.links ul li { color:#4F4F4F; padding-left:10px; margin-top:7px; margin-left:10px; padding-left:10px; background:url(images/fleche-orange.gif) no-repeat top left; }
div.links ul li strong { display:block; color:#4F4F4F }
div.links ul li strong a:hover { text-decoration:none }
div.links ul li a { display:block; text-decoration:none }

/*-- Footer --*/
#footer {
	width:951px;
	height:200px;
	overflow:hidden;
	margin-top:10px;
	clear: left;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/footer2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px;
	border-top-width: 15px;
	border-top-style: solid;
	border-top-color: #FFBF00;
}

#footer a { color:#000000; text-decoration:none }
#footer a:hover { color:#000000; text-decoration:underline }
#footer p strong { color:#FFFFFF; display:block }
#footer p.partenaires {
	width:797px;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#footer p.referencement {
	width:218px;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 45px;
}
#footer p.plan {
	width:253px;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}

/*- Style général -*/
#content h2 {
	color:#E38102;
	font-size:17px;
	margin:15px 20px 0px 30px;
}
#content h3 { color:#7D7D7D; font-size:16px; margin:15px 20px 0px 30px; background:url(images/fleche.gif) no-repeat left; padding-left:20px; }
#content h4 { color:#7385AA; font-size:13px; margin:15px 20px 0px 30px; }
#content p { margin:10px 20px 0px 30px; }
#content ul { background-color:#FAF8F5; margin:10px 20px 0px 30px; list-style:none; padding:15px 0px 15px 0px; }
#content ul li {margin:3px 0px 0px 15px;background:url(images/home-bullets.gif) no-repeat left;padding:0px 0px 0px 15px;color: #7385aa;}
#content img.left { float:left; margin:10px 15px 0px 30px; border:1px solid #E8E8E6; }
#content table.tabular { margin:10px 20px 0px 30px; width:91%; }
#content table.tabular tr.title {background:#0000FF url(images/table-title.jpg) repeat-x top left; text-align:center; font-size:12px; font-weight:bold; color:#E79105; }
#content table.tabular tr.title td {border-top:1px solid #E9DDCD; border-bottom:1px solid #E9DDCD; padding:12px 0px 11px 0px; }
#content table.tabular tr.title td.left { text-align:left; padding:3px 0px 3px 10px; }
#content table.tabular td.left { text-align:left; padding:3px 0px 3px 10px; }
#content table.tabular td.center { text-align:center; padding:3px 0px 3px 0px; border-left:1px solid #E7E7E7; }
#content table.tabular tr.purple { background-color:#FCF7E9; }

#list {float:left;width:538px;padding:0px;margin-top: 20px;margin-left: 30px;}
#list input {border: 1px solid #c3cbe4;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;padding-top: 2px;padding-bottom: 0px;width: 150px;}
#list p{color:#FFF; font-size:16px; background-image:url(images/form-backgrnd.jpg); background-repeat:no-repeat; background-position:left; position:relative; padding-left:30px; margin:0px; padding-top:9px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; padding-bottom:7px}
#list .contact .puce{background-image:url(images/puce-bleue.gif); background-repeat:no-repeat; text-indent:10px; background-position:1px 10px; width:100px; float:left; padding-top:4px}
#list .contact .valider{border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none; padding-right:10px}
#content .custom-title{color:#FFF}
#list .contact textarea{font-family:Arial,Helvetica,sans-serif; font-size:12px; width:518px}

#content table.tabular { margin:10px 20px 0px 30px; width:91%; }
#content table.tabular tr.title {background:#0000FF url(images/table-title.jpg) repeat-x top left; text-align:center; font-size:12px; font-weight:bold; color:#E79105; }
#content table.tabular tr.title td {border-top:1px solid #E9DDCD; border-bottom:1px solid #E9DDCD; padding:12px 0px 11px 0px; }
#content table.tabular tr.title td.left { text-align:left; padding:3px 0px 3px 10px; }
#content table.tabular td.left { text-align:left; padding:3px 0px 3px 10px; }
#content table.tabular td.center { text-align:center; padding:3px 0px 3px 0px; border-left:1px solid #E7E7E7; }
#content table.tabular tr.purple { background-color:#FCF7E9; }
#content table.form1 { width:91%; margin:20px 20px 0px 30px;}
#content table.form1 input { float:right; margin-right:2px;}
#content table.form1 span { float:left; padding-left:5px; }
#content table.form1 td { padding-bottom:5px; }
#content table.form1 select { width:99%; color:#576973;}
#content table.form1 td.title { background:#FFFFFF url(images/forms-title.jpg) no-repeat top left; color:#FFFFFF; font-size:14px; font-weight:bold; padding:4px 0px 10px 30px;}
#content table.form2 { width:91%; margin:20px 20px 0px 30px;}
#content table.form2 input { float:right; margin-right:2px;}
#content table.form2 span { float:left; padding-left:5px; }
#content table.form2 td { padding-bottom:5px; }
#content table.form2 select { width:98%; color:#576973; }
#content table.form2 td.title { background:#FFFFFF url(images/forms-title.jpg) no-repeat top left; color:#FFFFFF; font-size:14px; font-weight:bold; padding:4px 0px 10px 30px;}
#content table.form2 textarea {	display:block;	margin-top:5px;	width:99%;}
