/* * *
 * Conteneurs generaux
 * * */

html, body {
	margin:0;
	padding:0;
}
/* pour tous sauf ie5mac \*/
html, body{height:100%;}
/* fin du hack */
body{
	background: #173274 url(terre.jpg) no-repeat fixed center top;
	font-size:80%;
	padding:0 10px;
	color: white;
}
#main{
	margin:0 auto;
	padding:0;
	min-width:700px;
	max-width:1004px;
	min-height:100%;
	position:relative;
	/* correction du bug de  marge sup dans mozilla : */
	border-top:1px solid #173274;
	margin-top:-1px;
}
/* * *
 * Entete
 * * */

#logo{
	position:absolute;
	top:-5px;
	left:0;
	height:100px;
	width:172px;
	margin:0;
}
#logo a{
	display:block;
}
#logo a img{border:none;}

address{
	position:absolute;
	top:11px;
	left:186px;
	font:normal normal normal 11px/16px Verdana;
}
address a{color:white;}
address a:hover{color:yellow;}

/* * *
 * Onglets
 * * */

#menu{
	position:relative;
	z-index:1;
	list-style:none;
	margin:67px 12px 0 185px;
	padding:0;
	font-size:11px;
	font-family:verdana;
	overflow:visible;
}
#menu li {
	display:inline;
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#menu a{
	float:left;
	background:url("ongletG.png") no-repeat 0 -31px;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
}
#menu a span {
	float:left;
	display:block;
	background:url("ongletD.png") no-repeat 100% -31px;
	padding:7px 11px 6px 6px;
	color:#FFF;
	min-height:16px;
}
#menu a:hover{
	background-position:0 -60px;
}
#menu a:hover span{
	background-position:100% -60px;
}
#menu a#courant{
	background-position:0 0;
}
#menu a#courant span {
	background-position:100% 0;
}/*
#menu li.drapeau a{
	background:none;
	margin-top:3px;
	margin-right:4px;
	padding:0;
	border:1px solid white;
}
#menu li.drapeau a:hover{
	border:1px solid red;
}
.drapeau a img{border:none;display:block;}
*/

/* * *
 * Elements de bordure
 * * */

#bordures div{
	position:absolute;
	z-index:0;
	font-size:0;
	line-height:0;
}
.d{right:0;}
.g{left:0;}
.d, .g{width:54px;}

.haut{
	top:92px;
	height:54px;
}
.bas{
	bottom:9px;
	height:54px;
}
.H{
	top:146px;
	bottom:63px;
}
.L{
	left:54px;
	right:54px;
}
div[class="d bas"]{background:url(coinBasDroit.png);}
div[class="g bas"]{background:url(coinBasGauche.png);}
div[class="d haut"]{background:url(coinHautDroit.png);}
div[class="g haut"]{background:url(coinHautGauche.png);}
div[class="g H"]{background:url(bordGauche.png);}
div[class="d H"]{background:url(bordDroit.png);}
div[class="L haut"]{background:url(bordSup.png);}
div[class="L bas"]{background:url(bordBas.png);}
#contenu{
	background:url("fond.png") repeat;
}
/* * *
 * Contenu
 * * */

#InnerContent{
	clear:both;
	padding:20px 20px 31px 174px;
   margin:100px 12px 0 12px;
	position:relative;
	z-index:1;
	color:black;
	font-family: verdana, Helvetica, Geneva, Arial, sans-serif;
}
h1, h2, h3{
	font-family: Georgia,"Times New Roman", Times, serif;
	font-weight:normal;
	margin:0;
	padding:0;
}
h1{
	font-size: 2.5em;
	color: white;
	margin: 0;
	margin-left: -140px;
	margin-bottom: 15px;
	padding: 0;
	border-bottom: 1px solid #E0FFFF;
}
h2{
	font-size: 1.8em;
	color: #22a;
}
h3{
	font-size: 1.2em;
}
h1 + h2{
	margin-top:0.7em;
}
#InnerContent p{
	margin:0;
	padding-bottom:0.3em;
	padding-top:0.55em;
}*/
a{
	color: #0033CC;
}
a:hover{
	text-decoration:none;
}

/* ----- formulaire ------ */

form, fieldset{
	border:none;
}
.note {
	text-decoration:none;
	font-weight:bold;
	color: #0033CC;
}
label {
	float:left;
	width:12em;
	text-align:right;
	padding-right:0.5em;
	font-weight:bold;
}
form p{
	clear:both;
	margin:0;
	padding:0;
}
#submit, #note{
	padding-left:12em;
}
fieldset input, textarea{
	background: white;
	border: 1px solid #03c;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px 2px 2px 2px;
	filter: alpha(opacity=90);
	opacity: 0.90;
	-k-html-opacity: 0.90;
}
fieldset input, #coordonnees{
	width:18em;
}