/* default styles */
html {
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	/*height: 100%;*/
	/*margin-bottom: 1px;*/
}

body {
	text-align: center; /* IE6 Fix */
	font-family: Verdana, Arial, sans-serif;
	background: #630504;
/*	font-size: 100%;*/
	font-size: 11px;
}

h1, h2, h3 { font-weight:normal; }
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h6 { font-size: 12px; padding-bottom: 5px;}
p { font-size: 11px; color: #000; line-height: 15px; margin-bottom: 1em;}

strong	{ font-weight: bold; }
em		{ font-style: italic; }

a { color: #7b0b0a; text-decoration: none;  }
a:hover { color: #7b0b0a; text-decoration: underline; }

a.download[class] {
	background: url(../img/lien_download.png) center right no-repeat;
}
a.download {
	float: right;
	padding-right: 20px;
	line-height: 28px;
}

#container {
	text-align: left;
	margin: 40px auto 0 auto; /* Centers layout */
	/* 955px - 907px / 2px = 48px */
	width: 955px;
	height: 576px;
	padding: 20px 24px 28px 24px;
	background: transparent url(../img/dropshadow.gif) no-repeat top left;
}

#header {
	background: transparent url(../img/bg_menu.gif) no-repeat top left;
	width: 907px;
	height: 44px;
}

#menu {
	list-style-type: none;
	padding-top: 28px;
	padding-left: 225px;
}

#menu li {
	border-left: 1px solid #b58b32;
	float: left;
	padding: 0 7px 1px 7px;
	line-height: 11px;
}

#menu li.first { border: 0; }

#menu li a {
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	color: #b58b32;
}
#menu li a:hover { color: #000; }

#menu li ul { /* second-level lists */
	border: 0;
	position: absolute;
	padding-top: 5px;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 1000;
}
#menu li ul li { padding: 5px; }
#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

body#services #menu li#serv a,
body#conseils #menu li#cons a,
body#autonomie #menu li#auto a,
body#soumission #menu li#soum a,
body#reclamation #menu li#recl a,
body#historique #menu li#hist a,
body#contact #menu li#cont a {
	color: #7b0b0a;
}

#content {
	background: transparent url(../img/bg_content_whitearea.gif) no-repeat top left;
	width: 879px;
	height: 508px;
	padding: 0 14px;
}

#inner_content {
	background: transparent url(../img/bg_content_with_logo.jpg) no-repeat top left;
	height: 508px;
}


body#services #text_area { width: 370px; height: 494px; float: left; position: relative; }
body#services #text { width: 330px; float: left; display: inline; text-align: left; margin: 0 0 0 30px; }
body#services #photo_area { width: 509px; height: 494px; float: right; background: transparent url(../img/bg_services.jpg) no-repeat bottom right; }
body#services #photo[id] { background: transparent url(../img/services_photo2.png) no-repeat bottom right; }
body#services #photo { position: relative; float: right; width: 509px; height: 494px; }
body#services #logo { width: 370px; height: 135px; top: 0px; left: 0px; }
body#services #accordion { margin:20px 0 20px 0; }
body#services #accordion h4{ font-size:12px;font-weight:bold;margin-top:10px}

body#conseils #text_area { height: 494px; float: right; position: relative; }
body#conseils #text { clear: left; width: 330px; float: left; text-align: left; padding: 115px 30px 0 0px; }
body#conseils #text.tall { padding: 10px 30px 0 0px; }
body#conseils #photo_area { position: relative; width: 509px; height: 494px; float: left; background: transparent url(../img/bg_conseils.jpg) no-repeat bottom right;}
body#conseils #photo[id] { background: transparent url(../img/conseils_photo1.png) no-repeat bottom left; }
body#conseils #photo { position: relative; float: right; width: 509px; height: 344px; }
body#conseils #logo { width: 370px; height: 150px; }

body#autonomie #text_area { width: 370px; height: 494px; float: left; position: relative; }
body#autonomie #text { width: 330px; float: left; display: inline; text-align: left; margin: 0 0 0 30px; }
body#autonomie #photo_area { width: 509px; height: 494px; float: right; background: transparent url(../img/bg_autonomie.jpg) no-repeat bottom right; }
body#autonomie #photo[id] { background: transparent url(../img/autonomie_photo2.png) no-repeat bottom right; }
body#autonomie #photo { position: relative; float: right; width: 509px; height: 494px; }
body#autonomie #logo { width: 370px; height: 150px; top: 0px; left: 0px; }


body#soumission #text_area { height: 494px; float: right; position: relative; }
body#soumission #text { clear: left; width: 330px; float: left; text-align: left; padding: 150px 30px 0 0px; }
body#soumission #photo_area { position: relative; width: 509px; height: 494px; float: left; background: transparent url(../img/bg_soumission.jpg) no-repeat bottom right;}
body#soumission #photo[id] { background: transparent url(../img/soumission_photo1.png) no-repeat bottom left; }
body#soumission #photo { position: relative; float: right; width: 509px; height: 344px; }
body#soumission #logo { width: 370px; height: 150px; }

body#reclamation #text_area { width: 370px; height: 494px; float: left; position: relative; }
body#reclamation #text { width: 330px; float: left; display: inline; text-align: left; margin: 0 0 0 30px; }
body#reclamation #photo_area { width: 509px; height: 494px; float: right; background: transparent url(../img/bg_reclamation.jpg) no-repeat bottom right; }
body#reclamation #photo[id] { background: transparent url(../img/reclamation_photo1.png) no-repeat bottom right; }
body#reclamation #photo { position: relative; float: right; width: 509px; height: 494px; }
body#reclamation #logo { width: 370px; height: 150px; top: 0px; left: 0px; }

body#historique #text_area { height: 494px; float: right; position: relative; }
body#historique #text { clear: left; width: 330px; float: left; text-align: left; padding: 110px 30px 0 0px; }
body#historique #photo_area { position: relative; width: 509px; height: 494px; float: left; background: transparent url(../img/bg_historique.jpg) no-repeat bottom right;}
body#historique #photo[id] { background: transparent url(../img/historique_photo1.png) no-repeat bottom left; }
body#historique #photo { position: relative; float: right; width: 509px; height: 344px; }
body#historique #logo { width: 370px; height: 150px; }

body#contact #text { float: left; text-align: center; padding: 185px 0 0 197px; width: 500px; }
body#contact #photo { background: transparent url(../img/contact_photo.jpg) no-repeat; }
body#contact #photo { position: relative; width: 879px; height: 494px; }
body#contact #logo { width: 370px; height: 150px; }

#vignette { position: absolute; top: 290px; left: 160px; text-align: left; }
#vignette p { padding: 0; margin: 0; color: #7b0b0a; line-height: 12px; }
#vignette p.nom { font-size: 12px; }
#vignette p.job { font-size: 10px; }

/* listes */
p.listheader { margin:0; padding: 5px 0;}

#text ul {
	margin: 0;
	padding: 10px 5px 5px 5px;
}

#text ul li {
	margin-left: 15px;
	padding: 3px 0;
	list-style: square;
}

#text.tall p.listheader { margin:0; padding: 0;}

#text.tall ul {
	margin: 0;
	padding: 10px 5px 5px 5px;
}

#text.tall ul li {
	margin-left: 15px;
	padding: 0;
	list-style: square;
}

/*
body#services #text ul {
	padding-top: 10px;
}

body#services #text li {
	padding: 3px 0;
}
*/
h3 {
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

h3 .atStart {
	padding: 2px 5px;
}


#scrollwrapper {
	overflow: hidden;
	height: 350px;
}

.scrollcontent {
	height: 350px;
}

a.linkback {
	display: block;
	line-height: 20px;
	padding-left: 20px;
	background: transparent url(../img/arrow-up.gif) no-repeat center left;
}

a.precedent {
	display: block;
	line-height: 20px;
	padding-left: 20px;
	background: transparent url(../img/arrow-left.gif) no-repeat center left;

}

a.suivant {
	display: block;
	line-height: 20px;
	padding-left: 20px;
	background: transparent url(../img/arrow-right.gif) no-repeat center left;

}

/* pour la page contact */
.colWrapper { margin: 0 auto; }
.colWrapper p.gauche { width: 240px; float: left; }
.colWrapper p.droit { width: 240px; float: right; }