body {
	background-color : #000000;
	margin : 10px;
}

img {
	border : 0;
	vertical-align : middle;
}

a {
	color : #FB5E00;
	text-decoration : none;
}

a:hover{
	text-decoration : underline;
	font-weight : bold;
}

#principale{ 
	margin : 0 auto;
	background-color : #FFFFFF;
	min-width : 860px;
}

#header{ 
	height : 170px;
	background : url(../images/header.png) repeat-x;
}

#header h1 {
	margin : 3px;
}

#header img {
	border : 0;
}

#logo{ 
	padding-left : 10px;
	float : left;
	text-align : left;
}

#titre-site{ 
	padding: 10px;
	text-align : center;
}

#header-contact{ 
	padding: 10px;
	float : right;
	width : 128px;
    height : 128px;
}

#header-contact a {
	background : url(../images/computer.gif) no-repeat;
    width : 128px;
    height : 128px;
	position : absolute;
}

#header-contact a:hover {
	background : url(../images/computer-on.gif) no-repeat;
    width : 128px;
    height : 128px;
	position : absolute;
}

#separation {
	background : url(../images/separation.png) repeat;
    height : 15px;
}

#contenu{ 
	border-left : 2px solid #570404;
	border-right : 2px solid #570404;
}

#titre-dernieres-realiations {
	color : #FFFFFF;
	text-align :center;
	font-size : 1.2em;
	margin : 5px;
	padding : 0px;
}

#dernieres-realisations{ 
	width : 168px;
	float : left;
	margin-left : 3px;
}

#centre-dernieres-realisations {
	background-color : #000000;
	width : 168px;
	float : left;
	color : #ffffff;
}

#bas-dernieres-realisations {
	clear : both;
	background : url(../images/bas-dernieres-realisations.png) repeat;
	width : 168px;
	height : 13px;
	margin-bottom : 10px;
}

#xiti-validateur_css {
	clear : both;
	width : 168px;
	margin-top : 20px;
	text-align : center;
}

#menu {
	text-align:center;
	float : left;
} 

#centre-contenu{ 
	padding-top : 30px;
	margin-left : 170px;
}


#finmenu {
	background : url(../images/menu1.png) no-repeat;
	width : 150px;
	height : 30px;
}

#texte{ 
	margin : 0 auto;
	background : url(../images/dragon.jpg) center top no-repeat;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 15px;
}

#fil-ariane {
	float : left;
	color : #FB5E00;
	text-align : left;
}

#contenu-principal {
	margin-top : 40px;
	text-align : left;
	min-height : 400px;
	padding-bottom : 15px;
}

#contenu-principal p, #contenu-principal ul {
	margin : 0;
}

#top-liste-realisations {
	width : 100%;
}

#bottom-liste-realisations {
	clear : both;
	padding-top : 20px;
	width : 100%;
}

#footer{ 
	clear : both;
	text-align : right;
	padding-right : 10px;
	background : url(../images/footer.png) repeat;
    height : 25px;
	color : #FFFFFF;
	font-size : 0.9em;
}

#footer a {
	color : #FFFFFF;
}

#footer a:hover {
	text-decoration : underline;
	font-weight : normal;
}

.navigation {
	display:block;
	height:26px;
	margin:0;
	width:100%;
	padding : 0px;

}
.toggleSubMenu, .menuNormal {
	float: left;
	width : 150px;
	height : 30px;
	display : inline;
	padding-left : 10px;
	
}

.toggleSubMenu a, .menuNormal a {
	display:block;
	background : url(../images/menu1.png) no-repeat;
	width : 150px;
	height : 30px;
	color : #ffffff;
	text-decoration : none;
}

.toggleSubMenu a {
	background : url(../images/menu2.png) no-repeat;
}

.toggleSubMenu a:hover, .menuNormal a:hover{
	color : #fff600;
	font-weight : bold;
}


.subMenu {
	display:block;
	height:30px;
	margin : 0;
	padding : 0;
	position : absolute;
}

.subMenu  li {
	list-style : none;
	margin : 0;
	padding : 0;
}

.subMenu  a {
	display:block;
	background : url(../images/menu2.png) no-repeat;
	width : 150px;
	height : 30px;
	color : #ffffff;
	text-decoration : none;
}

.subMenu  a:hover {
	background : url(../images/menu2.png) no-repeat;
}

.titre-site {
	font-size : 2em;
	margin : 0px;
	text-indent: 20px;
	color : #000000;
}

.sous-titre {
	font-size : 1.5em;
	text-align : center;
	margin : 0px;
	color : #000000;
}

.liste-realisation {
	float : left;
	height : 170px;
	margin : 10px 10px 10px 10px;
	text-align : center;
}
.liste-derniere-realisation {
	clear : both;
	height : 100px;
	padding-top : 10px;
	text-align : center;
}

.nomargin {
	margin : 0;
}