body {
background-color:#66CCFF;
margin:0;
padding:0;}

#conteneur {
position: absolute;
width: 700px;
left: 50%;
margin-left: -350px;
background : url('/Ressources/Fonds/floatconteneur.gif') center;
}

/* Entête */
div#sommet {
background: url('/Ressources/Head/partie-membre.gif') center;
height:15px;
B

}
div#header1 {background:url('/Ressources/Head/logo.gif') ;}
div#header2 {background:url('/Ressources/Head/logo2.gif')  ;}
div#header3 {background:url('/Ressources/Head/logo3.gif')  ;}
div#header4 {background:url('/Ressources/Head/logo2006.gif');}
div#header1, div#header2, div#header3, div#header4{height: 45px;
background-position:center top;}

div#Stats{background:url('/Ressources/Head/bandeau-chapeau.gif');}
div#News{background:url('/Ressources/Head/News.gif') center ;}
div#Liens{background:url('/Ressources/Head/Liens.gif');}
div#Ecole{background:url('/Ressources/Head/Ecole.gif');}
div#Livre{background:url('/Ressources/Head/livre.gif');}
div#Bureau{background:url('/Ressources/Head/Bureau.gif');}
div#Compo{background:url('/Ressources/Head/Composition.gif');}
div#Listedesphotos{background:url('/Ressources/Head/photos.gif');}
div#listedesphotos{background:url('/Ressources/Head/photos.gif');}
div#Historic{background:url('/Ressources/Head/historic.gif');}
div#Accueil{background:url('/Ressources/Head/Accueil.gif');}
div#Accueil, div#Historic, div#Listedesphotos, div#listedesphotos, div#Compo, div#Bureau, div#Livre, div#Ecole, div#Liens, div#News, div#Stats {
height:30px;
width:700px;
background-repeat:no-repeat;
background-position:center;
}

div#pied {
height: 15px;
background:url('/Ressources/Foot/footer.gif') no-repeat bottom right;
font-size: 1px
}
div#sommet, div#header1, div#header2, div#header3, div#header4, div#pied {
padding: 0;
background-repeat:no-repeat;
width:700px;
}
/*----------------fin entête-----------------------------------*/

/* Grandes boîtes */
div.floatA, div.floatB {
margin:0 0 0 20px;
}
#N{
position:absolute;
margin:0 0 0 2px;
font-size:14px;
font-weight:bold;
width:166px;
}
#I{
width: 164px;
text-align:center;
overflow:auto;
}

h3.float3 {background-image: url('/Ressources/Fonds/fond-gris.gif'); }
h3.float3 {
	border : 1px solid white;
	color: #FFF;
	text-align:center;
	font :  small Arial, sans-serif;
	height: 10px;
	margin: 0 300px 0 176px;
	}
/* FIN Grandes boîtes */

/* petites boîtes */
h2.float1 {background-image: url('/Ressources/Fonds/fond-rouge.gif'); }
h2.float2 {background-image: url('/Ressources/Fonds/fond-gris.gif'); }
h2.float3 {background-image: url('/Ressources/Fonds/fond-bleu.gif'); }
h2.float4 {background-image:url('/Ressources/Fonds/fond-jaune.gif');}
h2.float5 {background-image: url('/Ressources/Fonds/Fond-cellule-beurk.gif'); }
h2.float6 {background-image: url('/Ressources/Fonds/fond4.gif'); }
h2.float1, h2.float2, h2.float3, h2.float4, h2.float5, h2.float6 {
	border : 1px solid white;
	color: #FFF;
	text-align:center;
	font : bold small Arial, sans-serif;
	height: 20px;
	margin: 0 2px 0 176px;
	}
/* FIN petites boîtes */

/* typographie des liens, liste à puces, et paragraphes */
a {
font-size:small;
color: red; 
text-decoration: underline;
margin: 0 0 0 10px;
}

		

/* ordre de grandeur pour le texte : x-small, xx-small, small, medium, large, x-large, xx-large 
Attention dans IE : outil>option>accessibilité>décocher: ne pas prendre en compte les mises en formes*/

/* Important : ne pas placer p avant ul,p sinon p prend les valeurs margin 0 0 0 30. Il prend les dernières valeurs indiquées*/
ul, p, h1, h2, table {
list-style-image:url('/Ressources/Puces/puce.gif');
padding:0px;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
color:#0066CC; margin-left:200px; margin-right:50px; margin-top:0px; margin-bottom:0px
}

p, table {margin : 10px 30px 20px 200px;}

h1 { 
font-size:12pt;
margin: 20px 10px 5px 200px;
color:#333366;}

h1.bis {
font-size:12pt;
margin: 20px 30px 20px 200px;
color:red;}

h2{
margin: 10px 25px 10px 200px;
font-size:18pt;
color:orange; 

}


/* zones réactives 
la partie membre.gif */
#trombinoscope {
width : 87px; 
margin:0 105px 0 0;}
#partiemembre {width: 110px;}
#trombinoscope, #partiemembre {
float:right;
height:13px;
}

/* zones réactives du menu */

#zone2 {width : 75px;}
#zone3 {width : 130px;}
#zone4 {width : 55px;}
#zone5 {width : 69px;}
#zone6 {width : 92px;}
#zone7 {width : 120px;}
#zone8 {width : 45px;}
#zone9 {width : 52px;}

#zone1, #zone2, #zone3, #zone4, #zone5, #zone6, #zone7, #zone8, #zone9 {
float:left;
height:27px;
margin-left:0px;
margin-top:0px;
border:0px #FFFFFF dotted;
}
#zone1 {width : 62px;
margin: 0 0 0 0px; }
/* zones réactives du pied */
#ancre {
margin:0 0 0 22px;
width:23px;
float:left;
height:13px;
}
p.italiquecommentaire{
font : Times new roman;
font-style:italic;
color: #3399FF;
}
select{ border:''; }