html { margin: 0px; padding: 0px; background: #000;}
body { margin: 0px; padding: 0px; color:#000; font-size: small; font-family:"Trebuchet MS"; font-style:italic; text-align: center;}
body, body p { font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: 12px;}
html>body, html>body p { font-size: small;}  
#page { position: relative; width: 760px; margin: 0px auto; text-align: left; padding: 0px;}
/***   Entete   ***/
#entete { margin: 0px; padding: 0px; height: 235px; background: url("../images/fondpage.jpg"); background-repeat:repeat-y;}
h1 { margin: 0px; padding: 0px; display: none; }
/***   Navigation rapide   ***/
#nav { position: absolute; top: 0px; width: 760px; text-align: right; font-size: 0.8em; }
#nav ul { padding: 0px; margin: 0px; list-style: none; padding-right: 25px; }
#nav li { display: inline; padding: 0px 2px; margin: 0px; }
/***   Menu   ***/
#menu { position: absolute; top: 200px; width: 760px; height: 100px; background: url("../images/fonpage.jpg"); background-repeat:repeat-y; margin: 0px auto; text-align: left; padding: 0px;}
#menu ul { position: absolute; top: 0px; left: 55px; width: 655px; height: 50px; padding: 0px; margin: 10px 0; background: yellow; list-style: none;
background: transparent url("../images/menu.png") top left no-repeat;}
#menu li { float: left; padding: 0px; margin:0px; text-indent: 50px;}
#menu li a { display: block; height: 50px; width: 130px; text-decoration: none; font-size: 0px; line-height: 50px; color: #900; -moz-outline-style: none;}
#menu li a span { position: absolute;left: -5000px;}
#menu li a:hover { background: transparent url("../images/menu.png") top left no-repeat;}
#menu a#accueil:hover { background-position: 0px -51px; color: #db0;}
#menu a#etude:hover { background-position: -130px -51px; color: #db0;}
#menu a#contact:hover { background-position: -260px -51px; color: #db0;}
#menu a#simulations:hover { background-position: -390px -51px; color: #db0;}
#menu a#pressetaux:hover { background-position: -520px -51px; color: #db0;}
/***   Page d'accueil   ***/
/*#contenu.accueil { background: url("fondpagelogo.png");}*/
.intro { margin: 0 auto; }
.intro h2 { color: #900; padding: 10px 0px;}
.intro p { text-align: justify; font-size: 100%; padding-bottom: 5px; margin: 0px;}
.intro a { font-weight: bold;}
.large { padding: 10px 0; text-align: center; font-size: 24px; font-weight: bold; color:#006600;}
/***   Contenu de la page   ***/
#contenu { margin: 0px; padding: 25px; background: url("../images/fondpage.jpg");}
#observations { text-align: center;	font-weight: bold;}
div.wrapper { float:left; width:100%;}
div.main { float:left; width:480px; margin: 0px 0px 0px -480px; padding: 0px;}
div.extra { margin: 0px 500px 0px 0px; padding: 0px;}
div.sfleft { margin: 0px 350px 0px 0px; padding: 0px;}
div.sfright { float:left; width:340px; margin: 0px 0px 0px -340px; padding: 0px;}
div.spacer { clear : both; height : 10px;}
h2 {
	margin: 0px;
	padding: 20px 0px 10px 0px;
	font-size: 200%;
	color: #990000;
}
h3 {
	margin: 0px;
	padding-top: 10px;
	font-size: 110%;
	font-weight: bold;
	color:#FF6600;
}
h4  {font-size: 1em; margin: 0; padding: 10px 0 0 0;}
p {text-align: justify; padding: 10px 0 0 0; margin: 0;}
p.localisation, p.top { margin: 0px; padding: 0px; font-size: 0.8em;}
p.top { padding: 5px 0; text-align: right;}
p.c { text-align: center;}
.extra ul { padding: 0; margin: 0px; list-style: none;}
.extra li { margin: 0px; padding: 10px 0px 0px 0px;}
ul.liste, ul.erreur { margin: 0px; padding: 0px;}
ul.liste li, ul.erreur li { list-style: none; margin: 5px; padding: 0px;}
dl { margin: 10px 0px; padding: 0px;}
dd { margin: 5px 20px; padding: 0px; font-size: 120%; font-weight: bold; color:#CC0000;}
kbd { font-size: 1em; padding: 1px 2px; border: 1px solid gray;}
acronym { cursor: help; font-weight: bold;}
/***   Liens  ***/
a { text-decoration: none; color: #c00;}
a:visited { text-decoration: none; color: #900;}
a:hover { text-decoration: underline; color: #f00;}
a img { border: none; -moz-outline-style: none;}
/***   Pied de page   ***/
#pied { margin: 0px; padding: 0px; height: 90px; background: url("../images/piedpage.jpg") no-repeat; text-align: center;}
#pied ul { padding: 10px 10px 0px 10px; margin: 0px; list-style-type: none; }
#pied li { display: inline; border-right: 1px solid #000; padding: 0px 4px; margin: 0px; }
#pied li.last { border-right: none; }
#pied a { padding-right: 2px; }
#pied p { margin: 0; padding: 5px 10px 0px 10px; }
#pied li, #pied p { font-size: 0.8em; }
/***   Formulaire   ***/
form { margin: 0px; padding: 10px; font-size: 1em; text-align: left; /*border: 1px solid #000; background-color:#cc6;*/}
fieldset { margin: 0px; padding: 5px; border: none; text-align: left; /*background-color: #f8f6e7;*/ color:#000;}
form p { text-align: justify; margin: 10px 0;}
form p.avertissement { font-size: 85%; margin: 0px; padding: 5px 0 0 0;}
legend { margin: 0px; padding: 0; font-size: 110%; font-weight: bold; color:#f30;}
div.ligne { clear: both; padding : 4px 0px; font-size : 1em; text-align : left;}
span.libelle { float: left; display: block; width: 130px; vertical-align: top; padding: 0.25em 0px; margin: 0;}
div.main span.libelle {width: 150px;}
#formcontact span.libelle { width: 100px;}
.requis { font-weight: bold;}
input, textarea, select { color: #000; margin: 0px;}
input, textarea { padding: 0px 4px;}
input.bouton { background-color: #c03; color: #fff; padding: 2px; font-weight: bold;}
input.numerique { text-align: right;}
table { text-align : center; margin : 5px auto; width : 600px; border : thin solid #d2982c; border-collapse : collapse; color : #000; }
th { color : #000; font-weight : bold; border : thin solid #000; padding : 5px; background-color : #cc6; }
td { border : thin solid #000; padding : 3px; }
.erreur { color : #f00; font-weight: bold;}
.succes { text-align: center; font-weight: bold; color:#039;}
/* Inset 3D Curved */
.inset {background: transparent; width:100%; margin:0 auto;}
.inset h1, .inset p {margin:0 10px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#FFED3D; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#FFED3D; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#FFED3D; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#FFED3D; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#FFED3D; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#FFED3D; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#FFED3D; border-left:1px solid #999; border-right:1px solid #fff;}