body {
margin: 0 ;
padding: 0 ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
/*background-image: url('TOP12_fond.JPG');*/
text-align: center;
background-color:#999999
}
#page {
text-align: left;
width: 88%;
margin: 10px auto 10px auto;
position: relative;
background: #fff;
border: 1px solid #CFCFCF;
padding: 0;
}

#conteneur {
width: 95%;
margin : auto ;
text-align: left ;
/*background-color:#666666 ; == modif 28/08/08 */
background-color:#000000 ;
border: 5px solid #FFFFFF ;
padding: 5px;
}
#conteneur img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

#header {
position:relative;
height: 70px;
/*height: 80px;
background-color: #333333;
background-color: #FFFFFF;*/
background-color: #000000;
}

#centre {
background-position:top;
background-repeat: no repeat;
background-color:#FFFFFF;
margin-left: 180px;
margin-right: 100px;
padding: 0px;
color:#000000;
text-align:justify;
padding-left: 5px;
padding-right: 5px;
}
#centre1 {
background-color:#FF0000;
color: #FFFFFF;
text-align:center;
font: 30px Verdana, sans-serif;
font-weight: bold;
}

#centre_std {
background-position:top;
#background-repeat:repeat-y;
background-repeat: no repeat;
background-color:#FFFFFF;
/*background-image:url(../images/fond_edito.jpg);*/
margin-left: 170px;
margin-right: 100px;
padding: 0px;
color:#000000;
text-align:justify;
padding-left: 5px;
padding-right: 5px;
}

#centre_std a {
color: #FF0000;
text-decoration: none;
}

#centre_std a:hover{
color: #FABA00;
font-weight: bold;
text-decoration: none;
}

.fond1{
background-image:url(../images/fond_edito.jpg);
}
.fond2{
background-image:url(../images/degrade1.jpg);
}
.fond3{
background-image:url(../images/degrade2.jpg);
}
.fond4{
background-image:url(../images/fond_reglement.jpg);
}
.fond5{
background-image:url(../images/top12_fond5.jpg)
}
.fond6{
/*background-image:url(../images/top12_fond7.jpg);
background-repeat:repeat;*/
background-color: #FCF1C7;
}
.fond7{
background-image:url(../images/fond_noir.gif)
}
#encart {
float:left;
background-color:#162c80;
color: #FFFFFF;
font: 1.2em Verdana, sans-serif;
width: 45%;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
margin-right: 5px;
}
#encart .titre{
color: #000000;
}

#encart1 {
background-color:#ECF5F9;
color: #162c80;
font: 1.2em Comic sans MS, Verdana, sans-serif;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
width: 60%;
}
#encart1 .titre{
color: #000000;
}

.image {
float: left;
padding-left: 5px;
padding-right: 5px;

}

#encart2 {
float: right;
width: 35%;
top: 5px;
background-color:#162c80;
color: #FFFFFF;
font: 1.2 em Verdana, sans-serif;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

#encart2 .titre{
color: #000000;
}


#centre_galerie {
background-position:top;
background-repeat: no repeat;
background-color:#FFFFFF;
margin-left: 180px;
margin-right: 10px;
padding: 0px;
color:#000000;
text-align:justify;
padding-left: 5px;
padding-right: 5px;
}

#fond1 {background-image:url(../images/fond1.jpg);
}
#gauche {
float:left;
WIDTH: 200px;
position:relative;
	}
#ecole {
/*float:left;*/
WIDTH: 10px;
position:absolute;
float:left;
}

#gauchemenu {
	position:absolute;
	float:left;
	left: 0px;
	width: 160px;	
}

#droite {
position:relative;
float:right;
width: 100px;
border: 0px solid #FFFFCC;
text-align:center;
}
#droite.src         { border: 1px solid #C0C0C0 }

#pied { 
clear:both;
height: 60px;
/*background-color: #666666; == modif 28/08/08*/
background-color: #000000;
color: #FFFFFF;
text-align:center;
border: 1px solid gray; 
}
#pied a {
margin: 0 2px;
/*color: #FFFFFF;*/
color: #FFFFFF;
text-decoration: none;
}
#pied a:hover {
text-decoration: none;
/*color: #FABA00;*/
color: #FABA00
}
#bandeau { 
clear:both;
height: 46px;
background-color:#000001 ;
/*background-color: #666666; == modif 28/08/08*/
/*color: #FFFFFF; == modif 28/08/08*/
color: #FFFFFF;
text-align:center;
 
}
#bandeau_menubas { 
clear:both;
height: 46px;
/*background-color: #666666; == modif 28/08/08*/
background-color:#FD9B02 ;
/*color: #FFFFFF; == modif 28/08/08*/
color: #FFFFFF;
text-align:center;
 
}

#menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
margin: 0 2px;
color: #FFFFFF;
/*color: #FFFFFF; == modif 28/08/08*/
text-decoration: none;
}
#menuhaut a:hover {
text-decoration: none;
color: #FABA00;
}

#menubas {
list-style-type: none;
margin: 0;
padding:0;
color: #FFFFFF;
}
#menubas ul {
list-style-type: none;
margin:0;
padding:10px;
background-color:#CCCCCC;
top: 2em;
left: 3em;
width: 100%; /* précision pour Opera */
}

#menubas li {
display: inline;
}
#menubas a {
margin: 0 2px;
/*color: #FFFFFF;*/
color: #000000;
text-decoration: none;
}
#menubas a:hover {
text-decoration: none;
/*color: #FABA00;*/
color: #FF0000;
}

ul {
list-style-type: none;
margin:0;
padding:10px;
top: 2em;
left: 3em;
width: 100%; /* précision pour Opera */
}
li {}

.menug1 a {
	width: 150px;
	margin-left: 0px;
	height: 20px;
	display: block;
	text-align: left;
	border: 0px solid #fff;
	text-decoration: none;
	color: #FFFFFF;
	background:inherit;
	z-index:2;
}

.menug1 a:hover {
color: #411;
background: #AAA;
border: 1px solid gray; 
border-bottom: 0px;
color: #fff;
z-index:2;
}

.menug1 a span {
display: none;
}

.menug1 a:hover span {
display: block;
position: absolute;
left:190px;
width: 300px;
border-top: 0px solid gray;
color: #000000;
background: #FABA00;
float: left;
text-align:justify;
}


.menug2 a {
	width: 130px;
	margin-left: 30px;
	height: 20px;
	display: block;
	text-align: left;
	border: 0px solid #fff;
	text-decoration: none;
/*	color: #FABA00;*/
	color: #FFFFFF;
	background:inherit;
}

.menug2 a:hover {
color: #411;
background: #AAA;
border: 1px solid gray; 
border-bottom: 0px;
color: #FFFFFF;
}

.menug2 a span {
display: none;
}

.menug2 a:hover span {
display: block;
position: absolute;
left:180px;
width: 250px;
border-top: 0px solid gray;
color: #000000;
background: #FABA00;
float: left;
text-align:justify;
}
#menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
#menugauche li {
margin-bottom: 5px;
}
#menugauche a {
margin: 0 2px;
color: #FFFFFF;
text-decoration:none;
}
#menugauche a:hover {
text-decoration: none;
color: #FABA00;
}
#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a {
margin: 0 2px;
color:#999999;
text-decoration: none;
}
#menubas a:hover {
text-decoration: none;
}

#menubas {
list-style-type: none;
margin: 0;
padding:0;
}
#menubas li {
margin-bottom: 5px;
}
#menubas a {
margin: 0 2px;
color:#999999;
text-decoration: none;
}
#menubas a:hover {
text-decoration: none;
}

.texte1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
color: #000000;
}

.texte2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
color: #000000	;
text-align: center;
}

.texte3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
color: #FFFFFF	;
text-align: center;
}

.texte3b {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
color: #000000;
text-align: center;
}

.texte4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
/*color: #ea73a6;*/
color: #FFFFFF;
}
.texte5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 2.0 em;
font-style: normal;
font-weight: bold;
color: #ea73a6;
}
.texte6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
outline-width: 5px;
padding-left: 10px;
display: block;
}

/* styles de base pour les textes */
.Style2 {
	display: block;
	color: #FFFFFF;
	font-weight: bold;
	margin-left:0px;
	width: 150px;
	height: 20px;
	text-align: left;
	border: 0px solid #fff;
	text-decoration: none;
	color: #000000;
	background-color:#FFFFCC;
	padding-left: 10px;
}

.Style2b {
	display: block;
	font-weight: bold;
	margin-left:30px;
	width: 120px;
	height: 20px;
	text-align: left;
	border: 0px solid #fff;
	text-decoration: none;
	color: #FF0000;
/*	background-color:#FFFFCC;*/
	padding-left: 10px;
}

.Style3 {color: #000000}
.Style4 {
color: #CCCCCC;
font-size: 1 em
}
.Style5 {font-size: smaller}
.Style7 {color: #FABA00}

.actu-titre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color:#F5AD0B;
text-align: left;
}

.actu-texte {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color:#ffffff;
text-align: left;
}

#home {
clear:both;
height: 15px;
/*WIDTH: 50px;*/
WIDTH: 100px;
float:left;
padding: 0;
}
/* cacher un bloc*/
/* Ce style CSS ne dois pas être enlevé, sinon les divs ne se cacherons pas ... */
.cachediv {
	visibility: hidden;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	position: absolute;
	left: 257px;
	top: 434px;
	width: 391px;
	}
#bloc_montre {
}

#bloc_montre a {
margin: 0 2px;
color:#666666;
text-decoration: none;
}
#bloc_montre a:hover {
font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
font-size:large;
/*color:#FABA00;*/;
color:#000000;
text-decoration: none;
}
.bloc1 {
background-image:url(../images/fond5.jpg);
border: 0px solid white;
margin-bottom: 2px;
padding-left: 5px;
}