/* CSS Document */

	
body {
	margin:0; padding:0;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	background-color: #FFFFFF;
}

a {
	text-decoration:none;
	color: #B42B33;
}
a:hover {
	text-decoration:none;
	color: #878900;
}
* { margin:0;
}
p { margin:0 0 5px 0;
}
h1 { text-align:right;
	font-size:14px;
	color: #878900;
}
h2 { text-align:right;
	font-size:12px;
	color: #B42B33;
}
h3 { text-align:left;
	font-size:12px;
	color: #878900;
}
h4 { text-align:left;
	display:inline;
	font-size:11px;
	color: #878900;
	padding: 0 3px;
	margin:0;
	border-right-style:solid;
	border-right-width: 1px;
	border-right-color: #B42B33;
}
h5 { text-align:left;
	font-size:14px;
	color: #878900;
}
h6 { text-align:left;
	font-size:12px;
	color: #666666;
}

#ligne1{
	position:absolute;
	top:119px;
	left:0px;
	width:768px;
	height:3px;
	border-top-style:solid;
	border-top-width: 1px;
	border-top-color: #B42B33;
}

#ligne2{
	position:absolute;
	top:0px;
	left:643px;
	width:3px;
	height:795px;
	border-left-style:solid;
	border-left-width: 1px;
	border-left-color: #B42B33;
}
#ligne2a{
	position:absolute;
	top:0px;
	left:643px;
	width:3px;
	height:595px;
	border-left-style:solid;
	border-left-width: 1px;
	border-left-color: #B42B33;
}
#ligne2b{
	position:absolute;
	top:0px;
	left:643px;
	width:3px;
	height:545px;
	border-left-style:solid;
	border-left-width: 1px;
	border-left-color: #B42B33;
}
#ligne3{
	position:absolute;
	top:750px;
	left:163px;
	width:480px;
	height:3px;
	border-top-style:solid;
	border-top-width: 1px;
	border-top-color: #B42B33;
}
#ligne3a{
	position:absolute;
	top:550px;
	left:163px;
	width:480px;
	height:3px;
	border-top-style:solid;
	border-top-width: 1px;
	border-top-color: #B42B33;
}
#ligne3b{
	position:absolute;
	top:500px;
	left:163px;
	width:480px;
	height:3px;
	border-top-style:solid;
	border-top-width: 1px;
	border-top-color: #B42B33;
}
#ligne4{
	position:absolute;
	top:776px;
	left:163px;
	width:605px;
	height:3px;
	border-top-style:solid;
	border-top-width: 1px;
	border-top-color: #B42B33;
}
#ligne4a{
	position:absolute;
	top:576px;
	left:163px;
	width:605px;
	height:3px;
	border-top-style:solid;
	border-top-width: 1px;
	border-top-color: #B42B33;
}
#ligne4b{
	position:absolute;
	top:526px;
	left:163px;
	width:605px;
	height:3px;
	border-top-style:solid;
	border-top-width: 1px;
	border-top-color: #B42B33;
}
#logo{
	position:absolute;
	top:0px;
	left:481px;
	width:160px;
	height:100px;
}
#ordre{
	position:absolute;
	top:100px;
	left:481px;
	width:160px;
	height:19px;
}
#oaq{
	position:absolute;
	top:100px;
	left:645px;
	width:100px;
	height:19px;
}
#menu_oaq{
	position:absolute;
	top:125px;
	left:644px;
	width:150px;
	height:300px;
	padding:4px;
	color: #878900;
	font-weight:bold;
}
#logoprog{
	position:absolute;
	top:30px;
	left:80px;
	width:271px;
	height:70px;
	background-image: url(../images/logoprog.gif);
}
#logoecole{
	position:absolute;
	top:30px;
	left:80px;
	width:267px;
	height:70px;
	background-image: url(../images/logoecole.gif);
}
#logoprof{
	position:absolute;
	top:30px;
	left:80px;
	width:267px;
	height:70px;
	background: url(../images/zoneprofs.gif) no-repeat;
	
}
#logodosetud{
	position:absolute;
	top:30px;
	left:80px;
	width:293px;
	height:70px;
	background: url(../images/JournBord.gif) no-repeat;
	
}

#logojeu{
	position:absolute;
	top:30px;
	left:80px;
	width:267px;
	height:70px;
	background-image: url(../images/logojeu.gif);
}
#titre{
	position:absolute;
	top:120px;
	left:0px;
	width:163px;
	height:20px;
	border-right-style:solid;
	border-right-width: 1px;
	border-right-color: #B42B33;
}
#titrea{
	position:absolute;
	top:120px;
	left:0px;
	width:168px;
	height:40px;
	border-right-style:solid;
	border-right-width: 1px;
	border-right-color: #B42B33;
}
.mois_actif{
	position:absolute;
	top:120px;
	left:170px;
	width:460px;
	height:20px;
}

.mois_actifa{
	position:absolute;
	top:122px;
	left:175px;
	width:460px;
	height:20px;
}
#menujeune{
	position:absolute;
	top:120px;
	left:164px;
	width:464px;
	height:18px;
	background-color:#B42B33;
	padding:2px 0px 0 15px;
}
#menujeune a {
	color:#FFFFFF;
}
#menujeune a:hover {
	color:#aebd20;
	text-decoration:underline;
}
#ecole1{
	position:absolute;
	top:155px;
	left:20px;
	width:610px;
	height:90px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #B42B33;
}
#ecole2{
	position:absolute;
	top:255px;
	left:20px;
	width:610px;
	height:90px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #B42B33;
}
#ecole3{
	position:absolute;
	top:355px;
	left:20px;
	width:610px;
	height:135px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #B42B33;
}
#ecole4{
	position:absolute;
	top:505px;
	left:20px;
	width:610px;
	height:90px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #B42B33;
}
#ecole5{
	position:absolute;
	top:615px;
	left:20px;
	width:620px;
	height:90px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #B42B33;
}
.zone1{
	float:left;
	top:0px;
	left:0px;
	width:135px;
	height:90px;
	margin-right:20px;
}
.zone2{
	float:left;
	left:160px;
	width:160px;
	height:auto;
	margin-right:10px;
}
.zone3{
	float:left;	
	left:340px;
	width:250px;
	height:auto;
}
.zone4{
	display:block;
	float:left;
	left:340px;
	width:430px;
	height:90px;
}

#cadre1{
	position:absolute;
	top:148px;
	left:0px;
	width:630px;
	height:400px;
}

.prog1{
	position:absolute;
	top:264px;
	left:6px;
	width:60px;
	height:132px;
	line-height:100%;
	padding:10px;
	margin:0;
	border-style: solid;
	border-width: 1px;
	border-color: #B42B33;
}
.prog2{
	position:absolute;
	top:38px;
	left:150px;
	width:435px;
	height:334px;
	padding:0px 6px 0 0 ;
	overflow:auto;
}
ul {
	list-style: disc;
	text-indent:0;
	margin-left:16px;
	padding-left:0;
	}
.progQ{
	position:absolute;
	top:38px;
	left:150px;
	width:435px;
	height:334px;
	padding:0px 6px 0 0 ;
}
.progx{
	position:absolute;
	top:170px;
	left:113px;
	width:510px;
	height:334px;
	padding:0px 6px 0 0 ;
	overflow:auto;
}
.mois{
	position:absolute;
	top:10px;
	left:150px;
	width:435px;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #B42B33;
}

.clearthefloats{clear:both;}

#fondpage {
	position:absolute;
	top:150px;
	left:34px;
	width:606px;
	height:385px;
	background:url(../images/cadre_enfant.gif) no-repeat #FFF;
}
#texteprof {
	position:absolute;
	top:150px;
	left:170px;
	width:460px;
	height:385px;
	overflow:auto;
}
#photo {
	position:absolute;
	text-align:left;
	top:150px;
	left:5px;
	width:155px;
	height:385px;
}
#image{
	float:left;
	top:0px;
	left:0px;
	width:200px;
	height:150px;
	padding:0 5px 5px 0;
}

#cadreflash {
	position:absolute;
	top:155px;
	margin:0;
	left:0px;
	width:643px;
	height:412px;
}

.btecole {
	position:absolute;
	top:16px;
	left:35px;
	width:59px;
	height:52px;
}
.btjeune {
	position:absolute;
	top:68px;
	left:40px;
	width:59px;
	height:52px;
}
.btprof {
	position:absolute;
	top:120px;
	left:35px;
	width:59px;
	height:52px;
}
.btprog {
	position:absolute;
	top:172px;
	left:40px;
	width:59px;
	height:52px;
}
.btjeu {
	position:absolute;
	top:224px;
	left:35px;
	width:59px;
	height:52px;
}
.reponse {
	position:absolute;
	top:250px;
	left:20px;
	width:90%;
}