/*======================= Eléments natifs ====================*/

html {
	font-size: 100%;
}

body {
	margin:0;
	padding:0;
	color:#000;
	font-size: .90em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#000 url('../design/fondBody.jpg');
	color:white;
} 

h1, h2, h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#c7ff05;
	margin:0;
	padding:0;
	letter-spacing:0.1em;
}

h1{
	font-size:1.6em;
	background:url("../design/puce-h1.png") top left no-repeat;
	padding:13px 0 15px 18px;
}

h2{
	font-size:1.4em;
	background:url("../design/puce-h2-h3.png") no-repeat 2px 7px ;
	padding:3px 0 5px 20px;
	margin-left:15px;
}

h3{
	font-size:1em;
	background:url("../design/puce-h2-h3.png") no-repeat 0px 6px ;
	padding:4px 0 5px 20px;
	margin-left:25px;
}


.icone{
	margin:0;
	padding:0;
	border:0;
}

/*======================= Structure de la page ====================*/

#structure{
	position: relative;
	margin: 0 auto;
	width:800px;
	background:url("../design/tranche-contenu.png") repeat-y right;
}

/*======================= Header ====================*/

#header{
	height:140px;
	background:url("../design/header.jpg") no-repeat right;
}

#header .accueil{
	position:absolute;
	top:15px;
	left:170px;
	display:block;
	height:110px;
	width:285px;
}

#header .evitement{
	color:#FFFFFF;
	float:right;
	padding:2px 5px;
	width:150px;
}

#header span, #contact span{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/*======================= Menu ====================*/

#menu{
	font-family:Arial, Helvetica, sans-serif;
	background:url("../design/fondMenu.png")  no-repeat 22px 0;
	height:51px;
	padding: 0 0 0 26px;
	font-size:0.95em;
	font-weight:bold;
}


#menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#menu li { 
	float: left;
	width:128px;
}

#menu a {
	text-align:center;
	display: block;
	height:18px;
	padding-top:8px;
	background:url("../design/bd-droit-menu.png")  no-repeat top right;
	text-decoration:none;
	color:#FFFFFF;
}

#menu a:hover{
	background:url("../design/over-item-menu.png")  no-repeat top right;
}


#menu li ul {
	position: absolute;
	left: -999em; 
	font-size:1.2em;
	width:9em;
	padding-top:1px;
	margin-left:-2px;
}

#menu li ul li{
	display:block;
	margin:0;
	padding:0;
	border:1px solid #9cffff;
	border-top:none;
	width:127px;
}

#menu li ul a{
	background:none;
	border:1px solid #0017e3;
	background: #76a5f4 url("../design/ss-menu.png")  no-repeat top right;
	font-size:.9em;
}

#menu li ul a:hover{
	background: #e01df7 url("../design/over-ss-menu.png")  no-repeat top right;
}

#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}

#menu .last a{
	background:none;
	width:130px;
}

#menu .last a:hover{
	background:url("../design/over-item-menu-last.png")  no-repeat 0 0;
}

/*======================= Contenu ====================*/

#contenu{
	clear:left;
	padding:0 0 0 35px;
}

#contenu p, li{
	font-size:0.8em;
	margin:0;
	padding:0;
}

#contenu p{
	margin:0.9em;
	line-height:1.3em;
	text-align:justify;
}

#contenu li{
	margin:0.9em;
	list-style-image:url("../design/puce-li.png");
}

#contenu a{
	text-decoration:none;
	color:#c7ff05;
	border-bottom:1px dashed #c7ff05;
	font-weight:bold;
}

#contenu a:hover{
	border-bottom:1px dashed #e5f8a3;
	color:#e5f8a3;
}

#contenu img{
	padding:1px;
	border:1px solid #c7ff05;
}

#contenu .img{
	border:0;
}

#contenu .img:hover{
	border:0;
}

#contenu .gauche{
	float:left;
	margin:2px 8px 2px 0;
}

#contenu .droite{
	float:right;
	margin:2px 0 2px 8px;
}

#contenu legend{
	font-family:Arial, Helvetica, sans-serif;
	color:#c7ff05;
	margin:0;
	padding:0 5px;
	font-weight:bold;
	letter-spacing:0.1em;
}

#contenu fieldset{
	border:1px solid #77A6F4;
}

#contenu label{
	cursor:pointer;
	float: left;
	width: 25%;
	text-align: right;
	margin: 0 5px 0 0;
	color:#c7ff05;
	font-size:0.9em;
}

input, select, textarea{
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	color:#4578E0;
}
input, textarea{
	padding:3px 2px;
	line-height:1.7em;
}

select{
	width:200px;
}

#contenu .grise{
	font-size:0.7em;
}

#contenu .important{
	color:#FF0000;
}

#contenu .p_accueil{
	margin-left:45px;
}
/*======================= Tableaux dans contenu ====================*/


#contenu table{
	border-collapse:collapse;
	margin: 5px 10px;
	padding: 0;
	border:1px solid #9BFFFF;
	width:100%;
}

#contenu thead th {	/* Mise en forme du bandeau de titre du tableau */
	padding: .2em .5em;
	background: url("../design/th.png"); 
	color:#FFFFFF;
	text-align:center;
	white-space: nowrap;
	height:28px;
	font-size:0.9em;
	border:1px solid #9BFFFF;
}

#contenu tbody td{
	border:1px solid #9BFFFF;
	font-size:0.95em;
	padding: 0.2em;
	text-align:center;
	background: url("../design/fond-td.png"); 
}

#contenu tbody .impair{
	background: url("../design/fond-td-2.png"); 
}

#contenu tbody td.g{
	text-align:left;
}

#contenu tbody td.d{
	text-align:right;
}

#contenu tbody td.j{
	text-align:justify;
}

#contenu tbody p{
	margin:1px;
}

/*======================= Blocs réalisations ====================*/

#realisations{
	margin:0.9em;
	width:540px;
}

#realisations dl, dt, dd{
	margin:0;
	padding:0;
	text-align:center;
}

#realisations dl{
	width: 165px;
	height:130px;
	float:left;
	margin:0 5px 25px 0;
}

#realisations dd{
	font-size:0.75em;
}

#realisations .infos{
    top:0;
    left:0;
    width:100%;
    height:100%;
    position: fixed;
    background-image: url("../design/bgTransparent.png");
	z-index:2;
	font-size:0.95em;
}

#realisations .infos div{
	width: 500px;
	background:#4D8AF1 url("../design/tranche-contenu.png") repeat-y -5px 0;
	border:2px solid white;
	display: block;
	position:absolute;
	top: 50%;
	left: 50%; 
	margin-top: -150px;
	margin-left: -200px;
	padding:5px;
	z-index:3;
}

#realisations .infos h2{
	text-align:left;
}
#realisations .infos p{
	line-height:1.3em;
}
/*======================= Bloc Gauche ====================*/

#gauche{
	padding-right:215px;
}

/*======================= Bloc Droite ====================*/

#droite{
	float:right;
	width:185px;
	z-index:1;
	padding:0 5px 0 10px;
	margin-left:18px;
}

#droite h3{
	margin-left:0;
}

#droite p, li{
	text-align:left;
}

#droite li{
	margin-left: -0.5em;
}

/*======================= Footer ====================*/

#contact{
	background: #000 url("../design/footer.png")  no-repeat 22px 0;
	height:59px;
	margin:0 0 10px 0;
	clear:right;
}
/*
#footer{
	background:#000 url('../design/fondBody.jpg');
	text-align:center;
	margin:0 0 10px 0;
	padding:5px 0;
	font-size:0.75em;
}

#footer a{
	color:white;
	text-decoration:none;
}
*/