body {

	background-color: #CCCCCC;

	 font: 100.01% Verdana,Arial,sans-serif

}









/*police*/



h1,h2,p{margin: 0 10px}

h1{ font-size: 100%;color: #000; font-weight:bold;}

h2{font-size: 200%;color: #f0f0f0}

p{padding-bottom:1em}

h2{padding-top: 0.3em}





.p12 {font-size: x-small; text-decoration:underline; }

.p2 {font-size: x-small}

.p3 {font-size: 120%; font-weight: bold; text-decoration:underline; }

.p4 {font-size: small; font-weight: bold; }

.p5 {font-size: small; font-weight: bold; color:#FFFFFF }

.p6 {font-size: 100%; font-weight: bold; color:#FFFFFF }

.p7 {font-size: x-small; font-weight: bold; background-image:url(../images/sousligne.png); background-repeat:no-repeat; background-position:bottom; background-position:left; padding-left:10px}

.p8 {font-size: x-small; color:#CC6600; font-style:italic }

.p9 {font-size: 120%; font-weight: bold; color:#FFFFFF }

.p10 {font-size: 100%; font-weight: bold; color:#FFFFFF }

.p11 {font-size: 100%; font-weight: bold; color:#6666ff }

/*rectangles*/

#signe {background:#FF0000; font-size:16px; color:#FFf; font-weight:bold}

#rectangle { background:#669900; margin-right:40px; font-size:12px; color:#FFf; font-weight:bold; padding-left:10px }

#tableauvert { background-color:#9999ff}



/*paveblanc*/





div#pave{ margin: 0 1%;background: #ffffff}

b.rtop{ padding-top: 20px}

b.rtop, b.rbottom{display:block;background: #9999ff}

b.rtop b, b.rbottom b{display:block;height: 1px;

    overflow: hidden; background: #ffffff}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}



/*pavejaune*/





div#pavej{ margin: 0 2%;background: #ffcc00}

b.rytop{ padding-top: 20px}

b.rytop, b.rybottom{display:block;background: #9999ff}

b.rytop b, b.rybottom b{display:block;height: 1px;

    overflow: hidden; background: #ffcc00}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rytop b.r4, b.rybottom b.r4{margin: 0 1px;height: 2px}





/*pavevert*/



div#pavev{ margin: 0 2%;background: #66cc66}

b.rvtop{ padding-top: 2px}

b.rvtop, b.rvbottom{display:block;background: #ffffff}

b.rvtop b, b.rvbottom b{display:block;height: 1px;

    overflow: hidden; background: #66cc66}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rvtop b.r4, b.rvbottom b.r4{margin: 0 1px;height: 2px}





/*pavebleuc*/



div#pavebc{ margin: 0 2%;background: #3399ff}

b.rbctop{ padding-top: 2px}

b.rbctop, b.rbcbottom{display:block;background: #ffffff}

b.rbctop b, b.rbcbottom b{display:block;height: 1px;

    overflow: hidden; background: #3399ff}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rbctop b.r4, b.rbcbottom b.r4{margin: 0 1px;height: 2px}





/*pavebleu*/



div#paveb{ margin: 0 2%;background: #6666ff}

b.rbtop{ padding-top: 2px}

b.rbtop, b.rbbottom{display:block;background: #ffffff}

b.rbtop b, b.rbbottom b{display:block;height: 1px;

    overflow: hidden; background: #6666ff}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rbtop b.r4, b.rbbottom b.r4{margin: 0 1px;height: 2px}





/*paverose*/



div#paver{ margin: 0 2%;background: #ff99ff}

b.rrtop{ padding-top: 4px}

b.rrtop, b.rrbottom{display:block;background: #ffffff}

b.rrtop b, b.rrbottom b{display:block;height: 1px;

    overflow: hidden; background: #ff99ff}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rrtop b.r4, b.rrbottom b.r4{margin: 0 1px;height: 2px}



/*pavebleucollege*/



div#paves{ margin: 0 2%;background: #ccccff}

b.rstop{ padding-top: 4px}

b.rstop, b.rsbottom{display:block;background: #ffffff}

b.rstop b, b.rsbottom b{display:block;height: 1px;

    overflow: hidden; background: #ccccff}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rstop b.r4, b.rsbottom b.r4{margin: 0 1px;height: 2px}



/*paveorange*/



div#paveo{ margin: 0 2%;background: #ff9933}

b.rotop{ padding-top: 4px}

b.rotop, b.robottom{display:block;background: #ffffff}

b.rotop b, b.robottom b{display:block;height: 1px;

    overflow: hidden; background: #ff9933}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rotop b.r4, b.robottom b.r4{margin: 0 1px;height: 2px}





/* LIENS */



a:link {

	color: #000000;

}

a:visited {

	color: #000000;

}

a:hover { color:#0000FF;

}



a:active {

	color: #000000;

}