body {
	background-color: #D0EBF3;
	background: url(images/fond.jpg);
	font-family: Arial, Helvetica, sans-serif;
	color: #03465E;
	margin: 0;
	padding: 0;
	font-size: 12px;
	height: 100%;
}

html {
	height:100%;
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	color: #03465E;
}

a:hover {
	color: #E73363;
}

#site {
	height:100%;
	width:100%;
	text-align:center;
	margin: 0;
	padding: 0;
	border: 0px solid #E9C17C;
}

#conteneur {
	position:relative;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0px;
	margin-top: 0px;
	width: 900px;
	padding: 0;
	/*border: 1px solid #000000;*/
}

#haut {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 110px;
	/*border: 1px solid #FF0000;*/
}

#milieu {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align:center;
	/*border: 1px solid #00FF00;*/
}

#bas {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 35px;
	text-align:center;
	/*border: 1px solid #0000FF;*/
}

#lienaccueil {
	position:absolute;
	bottom: 0px;
	right: 180px;
	z-index: 3;
	width: 70px
}

#lienforward {
	position:absolute;
	bottom: 0px;
	right: 180px;
	z-index: 3;
	width: 150px
}

#lienfaq {
	position:absolute;
	bottom: 0px;
	right: 120px;
	z-index: 3;
	width: 50px
}

#liencontact {
	position:absolute;
	bottom: 0px;
	right: 20px;
	z-index: 3;
	width: 90px
}

#lienretour {
	position:absolute;
	bottom: 0px;
	left: 100px;
	z-index: 3;
	width: 80px	
}

#menuhaut {
	position: absolute;
	width: 650px;
	top: 0px;
	right: 0px;
	text-align:right;
}

#titre {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

#offrescolaire {
	position: absolute;
	top: 80px;
	right: 70px;
	z-index: 2;
}

#crayons {
	position: absolute;
	top: 140px;
	right: 100px;
	z-index: 2;
}

#conditions {
	position: absolute;
	top: 260px;
	left: 270px;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	z-index:4;
}

/* div arrondi liens */
.raisedl {background: transparent; width:100%; height:24px; margin:0; padding:0}
.raisedl p, .raisedl h1 {margin:0 10px;}
.raisedl p {padding-bottom:0.5em;}

.raisedl .top, .raisedl .bottom {display:block; background:transparent; font-size:1px;}
.raisedl .b1, .raisedl .b2, .raisedl .b3, .raisedl .b4, .raisedl .b1b, .raisedl .b2b, .raisedl .b3b, .raisedl .b4b {display:block; overflow:hidden;}
.raisedl .b1, .raisedl .b2, .raisedl .b3, .raisedl .b1b, .raisedl .b2b, .raisedl .b3b {height:1px;}
.raisedl .b2 {background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.raisedl .b3 {background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.raisedl .b4 {background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.raisedl .b4b {background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.raisedl .b3b {background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.raisedl .b2b {background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}

.raisedl .b1 {margin:0 5px; background:#FFFFFF;}
.raisedl .b2, .raisedl .b2b {margin:0 3px; border-width:0 2px;}
.raisedl .b3, .raisedl .b3b {margin:0 2px;}
.raisedl .b4, .raisedl .b4b {height:2px; margin:0 1px;}
.raisedl .b1b {margin:0 5px; background:#FFFFFF;}
.raisedl .boxcontent {display:block;  background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; height:14px;}

/* div arrondi : contenu */
.raised {background: transparent; width:700px; margin:0 auto;}
.raised p, .raised h1 {margin:0 10px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.raised .b3 {background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.raised .b4 {background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.raised .b4b {background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.raised .b3b {background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.raised .b2b {background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}

.raised .b1 {margin:0 5px; background:#FFFFFF;}
.raised .b2 {margin:0 3px; border-width:0 2px;}
.raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#FFFFFF;}
.raised .boxcontent {display:block;  background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; padding: 0px 0px 50px 0px; text-align:left}

/* div arrondi vert */

.raisedv {background: transparent; width:500px; margin:0 auto;}
.raisedv p, .raised h1 {margin:0 10px;}
.raisedv p {padding-bottom:0.5em;}

.raisedv .top, .raisedv .bottom {display:block; background:transparent; font-size:1px;}
.raisedv .b1, .raisedv .b2, .raisedv .b3, .raisedv .b4, .raisedv .b1b, .raisedv .b2b, .raisedv .b3b, .raisedv .b4b {display:block; overflow:hidden;}
.raisedv .b1, .raisedv .b2, .raisedv .b3, .raisedv .b1b, .raisedv .b2b, .raisedv .b3b {height:1px;}
.raisedv .b2 {background:#A6D9DB; border-left:1px solid #A6D9DB; border-right:1px solid #A6D9DB;}
.raisedv .b3 {background:#A6D9DB; border-left:1px solid #A6D9DB; border-right:1px solid #A6D9DB;}
.raisedv .b4 {background:#A6D9DB; border-left:1px solid #A6D9DB; border-right:1px solid #A6D9DB;}
.raisedv .b4b {background:#A6D9DB; border-left:1px solid #A6D9DB; border-right:1px solid #A6D9DB;}
.raisedv .b3b {background:#A6D9DB; border-left:1px solid #A6D9DB; border-right:1px solid #A6D9DB;}
.raisedv .b2b {background:#A6D9DB; border-left:1px solid #A6D9DB; border-right:1px solid #A6D9DB;}

.raisedv .b1 {margin:0 5px; background:#A6D9DB;}
.raisedv .b2 {margin:0 3px; border-width:0 2px;}
.raisedv .b2b {margin:0 3px; border-width:0 2px;}
.raisedv .b3, .raisedv .b3b {margin:0 2px;}
.raisedv .b4, .raisedv .b4b {height:2px; margin:0 1px;}
.raisedv .b1b {margin:0 5px; background:#A6D9DB;}
.raisedv .boxcontent {display:block;  background:#A6D9DB; border-left:1px solid #A6D9DB; border-right:1px solid #A6D9DB; padding: 10px 10px 10px 10px; text-align:left}

/* ---------- */

.rouge {
	color: #C5001E;
}

.vert {
	color: #52A625;
}

.rose {
	color: #E50083;
}

.bleu {
	color: #00AACC;
}

.titre {
	padding: 20px 0px 10px 100px;
}

.petit {
	font-size:10px;
}

.grand {
	font-size:14px;
}

.fondblanc {
	background-color:#FFFFFF;
}

table.cd, .cd tr, .cd td, .cd th {
	border: 1px solid #03465E;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align:center;
	padding: 2px 7px 2px 7px;
}

/* calendrier */
.ds_box {
	background-color: #FFFFFF;
	border: 1px solid #03465E;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFFFFF;
}

.ds_head {
	background-color: #FFFFFF;
	color: #c1c000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #A6D9DB;
	color: #03465E;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	width: 32px;
}

.ds_cell {
	background-color: #D0EBF3;
	color: #03465E;
	font-size: 12px;
	text-align: center;
	padding: 2px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #A6D9DB;
} /* This hover code won't work for IE */

/* fin calendrier */