html{
	background-image:url(../images/bandoh.jpg);
	background-repeat:repeat-x;
	margin: 0px;
	padding: 0px;	
	background-color: #fff; 
	}
#html1 {
	padding: 0px;
	background-image: url(../images/fond_html01.jpg);
	background-repeat:no-repeat;
	text-align:center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-position: center top;
}
#html2 {
	padding: 0px;
	background-image: url(../images/fond_html02.jpg);
	background-repeat:no-repeat;
	text-align:center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-position: center top;
}
#html3 {
	padding: 0px;
	background-image: url(../images/fond_html03.jpg);
	background-repeat:no-repeat;
	text-align:center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-position: center top;
}
#html4 {
	padding: 0px;
	background-image: url(../images/fond_html04.jpg);
	background-repeat:no-repeat;
	text-align:center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-position: center top;
}
body {
	 margin: 0px; padding: 0px; color:#000; font-family:"Trebuchet MS"; font-style:italic; text-align: center;
	 
	 }
body, body p {voice-family: "\"}\""; voice-family: inherit;}
/*html>body, html>body p { font-size: small;}  */
#page {
	position: relative;
	/* [disabled]background-image: url(../images/fondpage.png); */
	width: 800px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
}
/***   Entete   ***/
#entete {
		padding: 0px;
	height: 235px;
 /*   margin: 0 1px;
	background-image: url(../images/fondpage.jpg);*/
}
h1 { margin: 0px; padding: 0px; display: none; }
/***   Navigation rapide   ***/
#nav { position: absolute; top: 0px; width: 800px; 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: 205px;
	width: 800px;
	height: 100px;
	/* [disabled]background: url("../images/fondpage.png"); */
	background-repeat:repeat-y;
	margin: 0 1px;
	padding: 0px;
}
#menu ul {
	position: absolute;
	top: 0px;
	left: 16px;
	width: 800px;
	height: 50px;
	padding: 0px;
	margin: 10px 0;
	background: yellow;
	list-style: none;
	background: transparent url("../images/menu2011.png") top left no-repeat;
}
#menu li { float: left; padding: 0px; margin:0px; text-indent: 10px;}
#menu li a {
	display: block;
	height: 50px;
	width: 154px;
	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/menu2011.png") top left no-repeat;}
#menu a#accueil:hover { background-position: 0px -50px; color: #db0;}
#menu a#etude:hover { background-position: -154px -50px; color: #db0;}
#menu a#contact:hover { background-position: -308px -50px; color: #db0;}
#menu a#simulations:hover { background-position: -462px -50px; color: #db0;}
#menu a#pressetaux:hover { background-position: -616px -50px; 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.png");
}
#observations { text-align: center;	font-weight: bold;}
.wrapper { float:left; width:100%;}
.main { float:left; width:520px; margin: 0px 0px 0px -520px; padding: 0px;}
.extra { margin: 0px 550px 0px 0px; padding: 0px;}
.sfleft { margin: 0px 370px 0px 0px; padding: 0px;}
.sfright { float:left; width:360px; margin: 0px 0px 0px -360px; 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:#990000;
}
h4  {font-size: 1em; margin: 0; padding: 10px 0 0 0;}
p {text-align: justify; padding: 10px 0 0 0; margin: 0;}
.c {
	text-align: center;
}
.c1 {
	font-size: 130%;
	text-align: left;
	color: #C30;
	line-height: 15px;
	font-weight: bold;
}
.c0 {
	font-size: 150%;
	line-height: 15px;
	font-weight: bold;
}
.c2 {
	font-size: 130%;
	text-align: right;
	color: #F63;
	line-height: 15px;
	font-weight: bold;
}


.indigo{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
font-size:110%;
color:#0033CC;}
.loi{
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
}
.calcul{
color:#0066CC;
}
.etude{
color:#CC6600;
}
.contact{
color:#006600;
}
.qui{
color:#6633CC;
}
.simul {text-align:right; font-style:normal; font-weight:bold;}
p.localisation, p.top { margin: 0px; padding: 0px; font-size: 0.8em;}
p.top { padding: 5px 0; text-align: right;}
.medium {
	clear:both;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 200%;
	font-style: italic;
	font-weight: bold;
	color: #960;
}
.indigo {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #309;
}
.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: 100%; 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.png") no-repeat; text-align: center;}
#pied ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#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;
	font-size:12px;
	color:#000;
}
form p { text-align: justify; margin: 10px 0;}
.avertissement {
	font-size: 10px;
	margin: 0px;
	padding: 5px 0 0 0;
	color: #33C;
}
.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: 150px; 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;}
/*---------*/

.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em; color:#eee;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #ff9900; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#ff9900; overflow:hidden; border-top:10px solid #cccccc; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #ff9900; border-right:1px solid #ff9900;}

.xb1 {margin:0 8px; background:#ff9900;}
.xb2 {margin:0 6px; background:#ff9900;}
.xb3 {margin:0 4px; background:#ff9900;}
.xb4 {margin:0 3px; background:#cccccc; border-width:0 5px;}

.xb5 {margin:0 2px; background:#cccccc; border-width:0 4px;}
.xb6 {margin:0 2px; background:#cccccc; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#cccccc; border-width:0 3px; height:2px;} 

.xboxcontent {
	display:block;
	background:#cccccc;
	border-top-width: 0;
	border-right-width: 3px;
	border-bottom-width: 0;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff9900;
	border-right-color: #ff9900;
	border-bottom-color: #FF9900;
	border-left-color: #ff9900;
}