/***************************************************************************
 *				style.css
 *				---------
 *	Cree le		: 5 Aout 2007
 *	Derniere modif.	: 14 Septembre 2007
 *	Auteur		: Asselin Benoit Developpement
 *	Email		: contact(a)ab-d.fr
 *
 ***************************************************************************/



* { font-family: Verdana, Tahoma, sans-serif; font-size: 12px; color: white; margin: 0px; padding: 0px; }

body { background: black; }
a { color: #a0c656; text-decoration: underline; }
a:hover { text-decoration: none; }
img { display: inline; border: 0px none; }
ul, li { }

.center { text-align: center; }
.right { text-align: right; }
.clear { clear: left; }



div.container { position: relative; width: 900px; margin: 0px auto; }

a.logo { display: block; position: absolute; right: 30px; top: -30px; z-index: 10; }
a.logo img { width: 135px; height: 84px; background: url('../images/logo.png'); }



div.menu { position: relative; width: 900px; height: 470px; margin-top: 40px; background-position: 0px 20px; }
#page-1 div.menu { background-image: url('../images/presentation-background.jpg'); }
#page-2 div.menu { background-image: url('../images/references-background.jpg'); }
#page-3 div.menu { background-image: url('../images/prestations-background.jpg'); }
#page-4 div.menu { background-image: url('../images/liens-background.jpg'); }
#page-5 div.menu { background-image: url('../images/contact-background.jpg'); }

div.menu .corner-right { position: absolute; width: 9px; height: 9px; right: 0px; top: 40px; background: url('../images/corner-background.gif') no-repeat; }

div.menu ul { }
div.menu li { float: left; list-style: none; }
div.menu li a { display: block; height: 40px; background: url('../images/menu.gif') no-repeat; }
div.menu li span { display: none; }
div.menu li.menu-1 a { width: 135px; background-position: 0px 0px; }
div.menu li.menu-1 a:hover,
div.menu li.menu-1 a.active { background-position: 0px -40px; }
div.menu li.menu-2 a { width: 117px; background-position: -136px 0px; }
div.menu li.menu-2 a:hover,
div.menu li.menu-2 a.active { background-position: -136px -40px; }
div.menu li.menu-3 a { width: 126px; background-position: -254px 0px; }
div.menu li.menu-3 a:hover,
div.menu li.menu-3 a.active { background-position: -254px -40px; }
div.menu li.menu-4 a { width: 67px; background-position: -381px 0px; }
div.menu li.menu-4 a:hover,
div.menu li.menu-4 a.active { background-position: -381px -40px; }
div.menu li.menu-5 a { width: 90px; background-position: -448px 0px; }
div.menu li.menu-5 a:hover,
div.menu li.menu-5 a.active { background-position: -448px -40px; }

div.menu ul.sub-menu { display: none; width: 126px; height: 80px; }
#page-3 div.menu ul.sub-menu { display: block; } /* only */
div.menu ul.sub-menu li { height: 20px; }
div.menu ul.sub-menu li a { display: block; width: 126px; height: 20px; background: url('../images/sub-menu.gif') no-repeat; }
div.menu ul.sub-menu li.menu-3-1 a { background-position: 0px 0px; }
div.menu ul.sub-menu li.menu-3-1 a:hover,
div.menu ul.sub-menu li.menu-3-1 a.active { background-position: -126px 0px; }
div.menu ul.sub-menu li.menu-3-2 a { background-position: 0px -20px; }
div.menu ul.sub-menu li.menu-3-2 a:hover,
div.menu ul.sub-menu li.menu-3-2 a.active { background-position: -126px -20px; }
div.menu ul.sub-menu li.menu-3-3 a { background-position: 0px -40px; }
div.menu ul.sub-menu li.menu-3-3 a:hover,
div.menu ul.sub-menu li.menu-3-3 a.active { background-position: -126px -40px; }
div.menu ul.sub-menu li.menu-3-4 a { background-position: 0px -60px; }
div.menu ul.sub-menu li.menu-3-4 a:hover,
div.menu ul.sub-menu li.menu-3-4 a.active { background-position: -126px -60px; }

div.menu .black { position: absolute; right: 0; top: 0; width: 365px; height: 40px; background: black; }



div.page-right { position: absolute; width: 410px; height: 340px; right: 20px; top: 110px; }
div.page-bottom { padding: 0px 10px 10px 10px; }

h2 { margin-bottom: 10px; font-size: 20px; font-weight: normal; color: #a0c656; }

p { margin: 10px 0px; text-align: justify; }
p.citation,
p.citation-2 { font-family: "times news roman", serif; color: #a0c656; font-size: 20px; letter-spacing: 1px; font-style: italic; }
p.citation-2 { text-align: center; }
.classic li { margin-left: 20px; }
em { color: #AAA; }

img.link { float: left; margin: 0px 10px 10px 0px; }

table { margin: 10px; }
table th { text-align: left; }
table td { width: 50%; padding-top: 10px; vertical-align: top; border-bottom: 1px solid #a0c656; }
table td.td-left { padding-right: 10px; }
table td.td-right { padding-left: 10px; }

table.schema { width: 80%; margin: 10px auto; }
table.schema th,
table.schema td { border: 1px solid #a0c656; width: 33%; padding: 10px; text-align: center; vertical-align: middle; }


.adresse { }
.adresse span { display: none; }


div.contact { text-align: center; }
div.contact strong { color: #a0c656; font-weight: normal; }
div.contact em { color: white; }
div.contact a span,
div.contact a.copy { display: none; }