<style type="text/css" media="screen">


/* a quoi cela correspond*/
br{font-size:10px}


/*corps du texte qd pas de balise, pas de tableau*/
body, td{
	font-size:14px;
    font-family:Tahoma;
	color:#555555;/*gris*/
/*color:#ff0000;rouge*/
/*color:#000000; noir*/
	line-height:14px;
	vertical-align:top;
	padding:0px;
}





/*barre de menu horizontal avec menu deroulant*/
<!-- 
/* CSS issu des tutoriels http://css.alsacreations.com */
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative;/*absolute;*/
/*top: 0;*/
left: 0;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 7em;
margin: 0 1px;
}
#menu dt {
/*color: #f00;rouge*/
color: #ff4500;
cursor: pointer;
text-align: center;
/*font-weight: bold;*/
background: #fd0;/*orange*/
border: 0px;
background:url(redcursor.GIF)  center left no-repeat;
}
#menu dd {
border: 0px;
}
#menu li {
text-align: center;
background: #ffc;
}
#menu li a, #menu dt a {
/*color: #555;*/
color:#ff4500;
/*color: #f00;rouge*/
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
background:url(redcursor.GIF)  center left no-repeat;
}
#menu li a:hover, #menu dt a:hover {
background: #ff9;
/*color: #555;*/
color:#ff4500;
/*color: #f00;rouge*/
background:url(redcursor.GIF)  center left no-repeat;
}
}
-->




.title {
text-align:center;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
	line-height: 25px;
 background-color: #FF7C26;
	color: #FFFFFF;
}

.title2 {
text-align:left;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
	line-height: 20px;
  background-color: #58A2E0;
	color: #FFFFFF;

}


.title3 {
text-align:center;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
	line-height: 20px;
  background-color: #58A2E0;
	color: #FFFFFF;

}




.title4 {
text-align:center;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
	line-height: 40px;
  background-color: #58A2E0;
	color: #FFFFFF;

}


.titlegrd {
text-align:center;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
	
color: blue;

}


.titlept {
text-align:center;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
	
color: red;

}







a{ color:#ffffff; text-decoration:none} 
a:hover {text-decoration: none;  font-family: verdana, arial, helvetica, sans-serif; /*font-weight: bold;*/ font-size: 20px;color: #000000}/*ok*/


.more{ color:#ff4500; text-decoration:none}
.more:hover{ text-decoration:none; font-family: verdana, arial, helvetica, sans-serif; font-size: 20px;color: #000000}

.more1{ color:#ffffff; text-decoration:none}
.more1:hover{ text-decoration:none; font-family: verdana, arial, helvetica, sans-serif; font-size: 30px;color: #000000}

.more2{ color:#ff4500; text-decoration:underline}
.more2:hover{ text-decoration:underline; font-family: verdana, arial, helvetica, sans-serif; font-size: 20px;color: #000000}

li a{color:#555555; text-decoration:none; background:url(blueball.gif)  center left no-repeat; background-position:0 5px; margin:0px; padding-left:17px;}
li b{color:#555555; text-decoration:none; background:url(bluarrow.gif)  center left no-repeat; background-position:0 5px; margin:0px; padding-left:17px;}







 /*header*/
#header{height:20px; width:766px} 

#header .row2{ background:#ffff99; height:20px; }/*30px*/



/*content*/
#content{ width:766px; height:80px; }



/*page1 accueil*/
#page1 #content .col1{ width:366px}
#page1 #content .col1 div{padding:0px 0px 0px 0px}
#page1 #content .col2{ width:400px; }
#page1 #content .col2 div{ padding:0px 0px 5px 0px}

/*page2 actualite*/
#page2 #content{ width:766px; height:20px; }
#page2 #content .col1{ width:391px}
#page2 #content .col1 div{ padding:0px 0px 0px 10px}
#page2 #content .col2{ width:375px; }
#page2 #content .col2 div{ padding:0px 10px 10px 10px}


/*page formulaire*/
#page #content{ width:766px; }
.Style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: white;
}
.Style3 {
	color: #FF8000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.Style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #555555;

}
.Style5 {font-size: 10px; color: #555555; }

/*page3 periode scolaire*/
#page3 #content{ width:766px; height:20px; }
#page3 #content .col1{ width:366px}
#page3 #content .col1 div{ padding:0px 0px 0px 0px}
#page3 #content .col2{ width:400px; }
#page3 #content .col2 div{ padding:0px 10px 10px 10px}


/*page4 stages*/
#page4 #content{ width:766px; height:20px; }
#page4 #content .col1{ width:366px}
#page4 #content .col1 div{ padding:0px 0px 0px 10px}
#page4 #content .col2{ width:400px; }
#page4 #content .col2 div{ padding:0px 10px 10px 10px}


/*page5 vos questions*/
#page5 #content{ width:766px; height:20px; }
#page5 #content .col1{ width:200px}
#page5 #content .col1 div{ padding:0px 0px 0px 10px}
#page5 #content .col2{ width:566px; }
#page5 #content .col2 div{ padding:0px 10px 10px 10px}


/*page6 temoignages*/
#page6 #content{ width:766px; height:20px; }
#page6 #content .col1{ width:300px}
#page6 #content .col1 div{ padding:0px 0px 0px 10px}
#page6 #content .col2{ width:466px; }
#page6 #content .col2 div{ padding:0px 10px 10px 10px}

/*page7 localisation*/
#page7 #content{ width:766px; height:20px; }
#page7 #content .col1{ width:383px}
#page7 #content .col1 div{ padding:0px 0px 0px 10px}
#page7 #content .col2{ width:383px; }
#page7 #content .col2 div{ padding:0px 10px 10px 10px}

/*page8 nos liens*/
#page8 #content{ width:766px; height:20px; }
#page8 #content .col1{ width:350px}
#page8 #content .col1 div{ padding:0px 0px 0px 10px}
#page8 #content .col2{ width:416px; }
#page8 #content .col2 div{ padding:0px 10px 10px 10px}


/*page9 presse*/
#page9 #content{ width:766px; height:20px; }
#page9 #content .col1{ width:250px}
#page9 #content .col1 div{ padding:0px 0px 0px 10px}
#page9 #content .col2{ width:516px; }
#page9 #content .col2 div{ padding:0px 10px 10px 10px}

/*page10 examens*/
#page10 #content{ width:766px; height:20px; }
#page10 #content .col1{ width:400px}
#page10 #content .col1 div{ padding:0px 0px 0px 10px}
#page10 #content .col2{ width:366px; }
#page10 #content .col2 div{ padding:0px 10px 10px 10px}

/*page11 methodes de travail*/
#page11 #content{ width:766px; height:20px; }
#page11 #content .col1{ width:616px}
#page11 #content .col1 div{ padding:0px 0px 0px 10px}
#page11 #content .col2{ width:150px; }
#page11 #content .col2 div{ padding:0px 10px 10px 10px}

/*page12 actualite toussaint*/
#page12 #content{ width:766px; height:20px; }
#page12 #content .col1{ width:350px}
#page12 #content .col1 div{ padding:0px 0px 0px 10px}
#page12 #content .col2{ width:416px; }
#page12 #content .col2 div{ padding:0px 10px 10px 10px}


/*pagenr */
#pagenr #content{ width:766px; height:20px; }
#pagenr #content .col1{ width:400px}
#pagenr #content .col1 div{ padding:0px 10px 10px 10px}
#pagenr #content .col2{ width:366px; }
#pagenr #content .col2 div{ padding:0px 10px 10px 10px}
#pagenr #content .col3{ width:166px; }
#pagenr #content .col3 div{ padding:100px 10px 10px 10px}
#pagenr #content .col4{ width:300px; }
#pagenr #content .col4 div{ padding:100px 10px 10px 10px}
#pagenr #content .col5{ width:300px; }
#pagenr #content .col5 div{ padding:100px 10px 10px 10px}

/*footer*/
#footer {height:60px; background:url(bg_footer.gif) top left repeat-x}

#footer .col1{ width:383px; color:#ff4500; }
#footer .col1 div{ padding:10px 15px 10px 37px}

#footer .col2{ width:383px; color:#ff4500; }
#footer .col2 div{ padding:10px 15px 10px 29px}
   
   </style>
