/***************************
	RESET			
****************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; background-image:transparent;}
:focus {outline:0; }
body {line-height:1; color:black; background:white; }
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

/***************************
	GENERAL			
****************************/
/*	Typographies
---------------------------*/
body {font:75% Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
h1 {font-size:2.4em; margin-bottom:0.6em;}
h2 {font-size:2.2em; margin-bottom:0.5em;}
h3 {font-size:1.6em; margin-bottom:0.4em;}
p, ol, ul {font-size:1.2em; margin-bottom:1em; line-height:1.4em;}
li p {font-size:0.8em; line-height:normal;}
blockquote,q {quotes:""" """; padding:0.4em; margin-left:1em;}
dt {font-weight:bold;}
dd {padding-left:0.8em;}

/*	Fonds, couleurs et bordures
---------------------------*/
body {color:#FFF; background: url(../images/body-fd.jpg) top repeat-x #262626;}
h1, h2, h3, h4, h5, h6 {color:#e50099;}
p {color:#FFF;}
ol, ul {color:#FFF;}
a:link, a:active, a:visited {color:#e50099;}
a:hover {color:#FFF; background:#e50099; text-decoration:none;}

/***************************
	STYLES			
****************************/
div#page {position:relative; margin:0 auto; width:900px; overflow:auto;}

div#enseigne {height:240px; background:url(../images/enseigne-fd.jpg) no-repeat;}
div#logo {position:absolute; top:0; left:120px; width:240px; height:240px;}
div#contenu {float:right; width:390px; margin-right:160px;/* bug IE 6 ---> */display:inline;}
div#menu {float:left; width:270px; height:170px; background:url(../images/nav-fd.jpg) no-repeat; text-align:right;}
div#infos{clear:both; text-align:center; background:#FFF;}

/*	ENSEIGNE
---------------------------*/
#enseigne h1{display:block; width:740px; height:250px;}
#enseigne p {margin:0; padding:0}
h1 span {display:none;}
#enseigne p span {display:none;}

/*	CONTENU
---------------------------*/
#contenu p {text-align:justify;}

ul#competences {padding-left:20px;;}
ul#competences li {list-style:circle;}

ul#realisations img {border:5px solid #FFF;}

/*	NAVIGATION
---------------------------*/
ul#nav {float:right;}
ul#nav li {padding-bottom:10px;}
ul#nav li a {display:block; width:210px; height:30px; background-position:20px; background-repeat:no-repeat;}
ul#nav li a span {display:none;}
ul#nav li a:hover {background-position:0 0;}
	li#nav-accueil a {background:url(../images/nav-01_accueil.jpg);}
	li#nav-competences a {background:url(../images/nav-02_competences.jpg);}
	li#nav-realisations a {background:url(../images/nav-03_realisations.jpg);}
	li#nav-contact a {background:url(../images/nav-04_contact.jpg);}

/*	NAVIGATION 2
---------------------------*/
ul#nav2 li {display:inline;}

/*	INFOS
---------------------------*/
.inner {margin:0 auto; width:900px; padding:80px 0 20px; background:url(../images/infos-fd.jpg) no-repeat; text-align:left;}
#infos ul {color:#262626; font-size:1em; margin-left:350px; list-style-image:url(../images/infos-li.gif);}
#infos ul li {padding-bottom:4px;}