@charset "iso-8859-1";
* {
 font-family : Arial, Helvetica, sans-serif;
 font-size : 12px;
  padding: 0;    border: 1;    margin: 0;
}

body {
  /*background-color : #99CCCC; couleur de fond */
  background-color : #FFFFFF;
  background-image: url('volants.gif'); /*image de fond */
  margin:0; /* suppression de toutes les marges */
  padding:0;
  background-position: top center;
/* background-repeat: no-repeat;*/
}

#general {
      position:absolute;
	  top:5px;
	  left:50%; 
	  width:785px;
	  padding:0;
	  margin:0 0 0 -392px;
	  /*background-color:#99CCCC;*/
	  background-image: url('fond5.jpg');
/*		background-image: url('bg_noel07_1.gif');*/
}

#cadre {
	position:absolute;
	top:0px;
	left:0px;
	height:750px;
	width:768px;
	/*background-image: url('cadre.jpg');*/
	/*background-color:#000000;*/
}

#sousgeneral {
	position:relative;
	top:0px;
	left:0px;
	width:748px;
	border-bottom:10px;
/*	background-image: url(fond.jpg);*/
	background-repeat: no-repeat;
}

#page {
  position: absolute;
  left:688px;
  top:58px;
}

#page h1{
  color : #0000FF;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 0;
  font-family:Tempus Sans ITC,arial;
}

#contenu {
  left:0;
  top:5px;
  padding-top: 10px;
  padding-left:10px;
  /*padding-right: 30px;*/
 /* margin-left:300px;*/
  color: #211884;
  font-family:arial,verdana;
  font-size:12pt;
  /*background-color:#99CCCC;*/
  height:830px;
}

#partie_gauche{
  float:left;
  left:0;
  top:0;
  width:280px;
  margin-right:20px;
  margin-top:10px;
  padding-left:0;
  /*background-color:#99CCDD;*/
  z-index:0;
}

#partie_basse{
  position: absolute;
  margin-top: 360px;
  margin-left: 20px;
  height:350px;
  width:748px;
  overflow: auto;
  /*width:780px;
  height:100;
  margin-left:0px;
  margin-top:560px;*/
  /*background-color:#99CCCC;*/
}

#logo {
  position: relative;
  left:190px;
  top:10px;
  z-index:0;
}

#logo img {
  border:0;
  height:90px;
  width:90px;
  z-index:0;
}

#logoch {
  position: absolute;
  left:10px;
  top:125px;
  z-index:0;
}

#logoch img {
  border:0;
  height:63px;
  width:175px;
  z-index:0;
}

#blog {
  position: absolute;
  left:170px;
  top:450px;
}
 
#blog a {
  color: blue;
  font-family:arial;
  font-size:20pt;
  text-decoration:none;
}

#blog img {
  border:0;
  height:30px;
}

#maj {
  position: absolute;
  top:190px;
  left:147px;
  font-family:arial;
  font-size:10pt;
  color: #000099;
}

#maila {
  position: absolute;
  left:100px;
  top:490px;
  color: #FFFFFF;
}

#maila img {
  border:0;
  margin-top:15px;
  height:60px;
}
  
#bloga {
  position: absolute;
  left:170px;
  top:500px;
}
 
#bloga a {
  color: blue;
  font-family:arial;
  font-size:20pt;
  text-decoration:none;
}

#bloga img {
  border:0;
  height:30px;
}

#noel {
  position: absolute;
  left:-30px;
  top:80px;
}

#noel img {
  border:0;
  height:140px;
  width:140px;
}

#photos {
  position: absolute;
  left:100;
  top:200;
}

#photos object {
  margin-top: 30px;
  margin-left: 0;
  width: 280px;
  height: 220px;
}

#photos img {
  margin-top: 50px;
  margin-left: 70px;
  width: 165px;
  height: 200px;
}

#plaquette {
  position:relative;
  left:0;
  top:0;
}

#plaquette img {
  margin-top: 40px;
  margin-left: 30px;
  width: 180px;
  height: 240px;
}

#sujet {
  position:absolute;
  left:20;
  top:100;
  margin-top: 66px;
  margin-left: 60px;
  height:17px;
  width:200px;
  overflow: auto;
  background: #E3E3E3;
  text-align :center;
} 
#forum {
  position:absolute;
  left:20;
  top:100;
  margin-top: 70px;
  margin-left: 60px;
  height:220px;
  width:200px;
  overflow: auto;
  background: #E3E3E3;
}  

.news_box_title {
color:#000000;
padding-bottom : 5px; 
width : 200px;
}

.news_box_date {
color:blue;
padding-bottom : 5px; 
width : 200px;
}

#mail {
  position: absolute;
  left:180px;
  top:330px;
  color: #FFFFFF;
}

#mail img {
  border:0;
  margin-top:15px;
  height:60px;
}

#partie_droite{
  top:0;
  left:0;
  z-index:0;
  color: #211884;
}

#texte {
  top:0;
  left:0;
  padding-top: 10px;
  font-family:arial;
  font-size:10pt;
  text-align:justify;
  color: #000099;
/*  padding-right: 30px;
  margin-left:300px;*/
  padding-right: 10px;
   width: 445px; 
   height: 400px; 
   overflow: auto; 
   /*scrollbar-arrow-color: #000000; 
   scrollbar-darkshadow-color: #000000; 
   scrollbar-face-color: #99CCCC; 
   scrollbar-highlight-color: #000000; 
   scrollbar-shadow-color: #99CCCC; 
   scrollbar-track-color: #99CCCC; 
   scrollbar-3dlight-color: #99CCCC; */
}

#gauche_vid {
  top:0;
  left:0;
  padding-top: 10px;
  font-family:arial;
  font-size:10pt;
  text-align:justify;
  color: #000099;
/*  padding-right: 30px;
  margin-left:300px;*/
  padding-right: 10px;
   width: 120px; 
   height: 410px; 
   overflow: auto; 
}

#video {
  position: absolute;
  left:300px;
  top:150px;
  z-index:0;
}

#video img {
  border:0;
  z-index:0;
}

#texte_ph {
  top:0;
  left:0;
  padding-top: 10px;
  font-family:arial;
  font-size:10pt;
  text-align:justify;
  color: #000099;
/*  padding-right: 30px;
  margin-left:300px;*/
  padding-right: 0px;
   width: 750px; 
   height: 410px; 
   overflow: auto; 
   /*scrollbar-arrow-color: #000000; 
   scrollbar-darkshadow-color: #000000; 
   scrollbar-face-color: #99CCCC; 
   scrollbar-highlight-color: #000000; 
   scrollbar-shadow-color: #99CCCC; 
   scrollbar-track-color: #99CCCC; 
   scrollbar-3dlight-color: #99CCCC;*/
}

#epi1 {
  position: absolute;
  left:15px;
  top:98px;
}

#epi1 img {
  border:0;
  width:60px;
  height:60px
}

#dep {
  position: absolute;
  left:0;
  top:0;
}

#dep img {
  border:1;
  height:110px;
  margin-left:110px;
  margin-top:380px;
}

#pied{
  position: absolute;
  left:80px;
  top:500px;
}

#pied img {
  border:0;
  height:20px;
  width:150px;
}

#haut {
    position:relative;
	top:0px;
	left:5px;
	background-image: url('haut.jpg');
	background-repeat:no-repeat;
/*	background-color : #66CC99;*/
/*    background-image: url('smelterblue.jpg');*/
	width:768px;
	height:80px;
}

#titre {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}

#titre h2 {
  color : #0000FF;
  font-size: 14px;
  margin-bottom: 0;
  font-family:arial;
}

#hautpage {
	text-align: right;
	font-family:arial;
	color : #FF9900;
	margin-top: 0;
	margin-bottom: 0;
}

#menu {
	/*width: 592px;*/
	position:absolute;
	margin-left:5px;
	text-align: center;
	/*margin: auto;*/
	padding-top: 58px;
	padding-left: 0;
	/*color : #211884;
	background-color: #000000;*/
	width:768px;
z-index:3;
}

#menu img {
  width:50px;
  height:50px;
  border:0;
}	   

#menu h1 a:hover {
   text-decoration: none;
   background-color: #99CCFF;
   color: #FFFFFF;
   text-align: center;
}

#menu h1 a{    
	text-decoration: none;
	color: #FFFFFF;
	margin: 0 0px;
	float: left;
	width: 65px;
	text-align: center;
}

/* */
#menu dl{    
	margin: 0 0px;
	float: left;
	width: 70px;
}

#menu dl dt{    
	font-weight: bold;
	color: #FFFFFF;
}

#menu dl dd ul{    list-style-type: none;    border-top: 0;}

#menu dl dt a{
	background-color: none;    
	color: #DDD;    
	text-decoration: none;    
	display: block;    
	width: 70px;   
	cursor: default;}

#menu dl dt a:hover{background: #000099;}
	
#menu dl dd ul li{
    font-weight: normal;   
	font-size: 9pt;    
    line-height: 1.5em;    }
	
#menu dl dd ul li a{    
	width: 70px;   
	height: 1.5em;
	text-decoration: none;    
	display: block;
	background-color: #FFFFFF;    
	color: #000099;        
	cursor: pointer;
	z-index:2}
	
#menu dl dd ul li a:hover,

#menu dl dd ul li a:focus{    background: #99CCFF;}

#banniere h1 {
background-color: #000000;
z-index:1
}   




#contenu h1 {
  font-size : 18px;
  text-align: left;
  font-family:Tempus Sans ITC,arial;
}

#contenu li {
  font-family:verdana,arial;
  font-size:10pt;
}

#menu h1 {
  color : #6D62FF;
  font-size: 20px;
  font-weight: bold;
  text-align:right;
}

#contenu hr {
  height: 3px;
}

#contenu .photos {
text-align:center;
}