body{
background-color:white;
}
div.accueil{
/*background:url(accueil.jpg);*/
position:absolute;
left: 50%;
top: 50%;
width: 900px;
height: 600px;
margin-top: -300px; /* moitié de la hauteur */
margin-left: -450px; /* moitié de la largeur */
}
div.poney{
background:url(poney.png);
position:absolute;
left: 50%;
top: 50%;
width: 900px;
height: 600px;
margin-top: -300px; /* moitié de la hauteur */
margin-left: -450px; /* moitié de la largeur */
}

div.shf{
/*background:url(shfbis.png);*/
position:absolute;
left: 50%;
/*top: 50px;*/
width: 900px;
/*height: 1200px;*/
/*margin-top: -300px;*/ /* moitié de la hauteur */
margin-left: -450px; /* moitié de la largeur */
}

div.programme{
background-color:white;
}

div.csopro{
background:url(CSOpro.png);
position:absolute;
left: 50%;
top: 50%;
width: 900px;
height: 1200px;
margin-top: -300px; /* moitié de la hauteur */
margin-left: -450px; /* moitié de la largeur */
}


div.cir{
background:url(CIR.png);
position:absolute;
left: 50%;
top: 50%;
width: 900px;
height: 600px;
margin-top: -300px; /* moitié de la hauteur */
margin-left: -450px; /* moitié de la largeur */
}

div.ceio{
background:url(ceio.png);
position:absolute;
left: 50%;
top: 50%;
width: 900px;
height: 600px;
margin-top: -300px; /* moitié de la hauteur */
margin-left: -450px; /* moitié de la largeur */
}

div.barre{
position:absolute;
left:0px;
top:1125px;
width:900px;
height:75px;
border:none;
}

div.barre2{
position:relative;
left:0px;
top:0px;
width:900px;
height:75px;
border:none;
}

img{
border: none;
}

h1{
font-size:1.5em;
text-align:center;
}

h2{
font-size:1.2em;
}

h3{
font-size:1.1em;
}

h4{
text-align:center}

a.rouge{
color: #FF0000;

}

a.rouge:hover{
color: #FF0000;
text-decoration:none;
}


div.texte{
position:absolute;
left:240px;
top:220px;
width:630px;
height:890px;
/*overflow:auto;*/
}

div.texte2{
background:url(milieu.jpg);
background-repeat:repeat-y ;
position:relative;
left:0px;
top:0px;
width:870px;
/*height:890px;*/
/*overflow:auto;*/
padding-left:15px;
padding-right:15px;
}

div.alertes{
position:relative;
left:380px;
top:150px;
color:white;
font-weight: bold;
text-decoration: underline;
font-size: 20px;
}

div.titre{
position:absolute;
left:240px;
top:120px;
width:630px;
height:290px;
overflow:auto;
}

div.haut{
background:url(haut.jpg);
position:relative;
left:0px;
top:0px;
width:900px;
height:110px;
/*overflow:auto;*/
}

div.photo{
position:absolute;
left:606px;
top:115px;
width:154px;
height:85px;
border:none;


}

div.lienacc{
position:absolute;
left:100px;
top:115px;
width:74px;
height:99px;
border:none;


}

.lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #005DA4;
}
.textgris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.textrouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #BE0E37;
}
A.concours {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #009900;
	font-weight: bold;
	text-decoration: none;

}
A.concours:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
.date {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}