/* CSS Document */

html,
body {
	margin: 0px;
	background: #000033;
	font:Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #000033;
	height: 100%;
	}
img {border: 0px solid #999999;}

/*Blocs de base*/
#container {
margin: 0px auto;
width: 800px;
height:100%;
}

#language {position: relative; text-align:left; z-index: 10; font-weight:normal; color:#fff;}

#header {position:relative; margin:0; padding: 0; width: 800px; height: 200px; overflow:hidden; }
#header img {border: 0px;} 
#menubloc{ background-color: transparent; height: 18px; }
#contenu {width: 760px; background-color: #FFFFFF; padding: 20px;}
#contenu ul {margin: 0;padding: 0;font: Arial, Helvetica, sans-serif ;list-style-type: none; list-style-position:inside;width: 100%; /* précision pour Opera */}
#contenu li {margin: 0;padding: 0;font: Arial, Helvetica, sans-serif ;}
#footer {position: relative; 
width: 800px; 
height: 35px;
background-color: #FF9900;
bottom:0; 
text-align:center; 
font-size: 0.9em;
line-height: 14px;
clear: both;}

#colonne-droite {
position: relative; 
margin:-5px -20px 0px 0; padding: 20px; 
width: 200px; 
background-color: transparent; 
float: right;}
/*Fin blocs de base*/

/*Styles de base*/
a:link, a:visited {text-decoration:none;color: #660033;}
a:HOVER {text-decoration:none;color: #666633;}
.bold {font-weight:bold;}
.titre {font-weight:bold; text-decoration:underline;}
.flotte-a-droite /*l'image*/{float: right;margin:2px 0px 5px 10px;}
.flotte-a-gauche /*l'image*/{float: left;margin:2px 10px 10px 0px;}
.bloctexte {position:relative;width: 730px;padding: 10px 30px 10px 30px;text-align: justify;}
.bloctexte li{ list-style-type:circle;}
.commentaire {font-size: 85%; color: #ff9000; ; }
h2 {
font-size: 100%;
color:#FF9900;
}
h4 {
font-size: 90%;
color:#FFffff;
}


ul {margin: 0;padding: 0;font: Arial, Helvetica, sans-serif ;list-style-type: none;width: 100%; /* précision pour Opera */}
.clear {clear:both;}
#bloccontainer {
margin: 0px auto;
width: 800px;
height:100%;
border: 0px;
}
#blocintro {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 800px;
     height: 600px;
     margin-top: -300px; /* moitié de la hauteur */
     margin-left: -400px; /* moitié de la largeur */
}
#infobloc {
	position:absolute;
	width:778px;
	height: 50px;
	top: 510px;
	text-align:right;
	padding-right: 10px;
}
#entrance {
	position:absolute;
	width:778px;
	height: 50px;
	top: 580px;
	
	font-size:16px;
		text-align:center	;
	padding-right: 10px;
	z-index: 10;
}
#infobloc p{font: Arial, Helvetica, sans-serif;
}

table.spip {margin: 0 auto;}
table.spip td {text-align: center;}
.hello {background-color: red; color: red;}
/*Style pour les formulaires
form {
background-color:transparent;
padding:10px;
width:735px;
font-size: 95%;
color:#000;
}
label {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 95%;
color:#000;
}
input {
border:1px solid black;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 95%;
color:#000;
}
select, option {
font-size: 95%;
background-color:#fff;
color:#000;
}
textarea {
border:1px solid black;
background-color: #ffffff;
font-size: 95%;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
.obligatoire {
font-family:Arial, Helvetica, sans-serif;
font-size: 95%;
color:#FF0000;} */