BODY {
	
	background-color: #FFCC66; 
	color: blue;
	 width: 1024px; 
    /*margin: auto; */
    margin-top: 20px; 
    margin-bottom: 20px;    
  	}

H1 {
	font-family: Bookman Old Style;
	font-style: italic;
	text-decoration: underline;
	color: brown;
	}
H2 {
	font-family: Bookman Old Style;	
	color: blue;
	}
H3 {
	font-family: Bookman Old Style;	
	color: blue;
	font-style: italic;
	}	
H5 {
	font-family: Arial;
	text-decoration: underline;
	color: red;
	}
H6 {
	font-family: Arial;
	text-decoration: underline;
	font-weight: bold;
	color: blue;
	}
a {
	color: red;
     }
a:link {
	color: #6699CC;
      }
a:active {
	background-color: #FFFF00;
}
		
a:hover {
	color: blue;
	font-weight:bold;
	font-style: italic;
		}
		
UL {
    color: red;
	list-style-image: (puce2.gif);
	}

div.dp3 {
				margin-top: 80px;
				font-family: Times New Roman;
				font-size: 24px;
			}	
	  
 #pupitre p{  
			   font-size: 18px;
			   text-align: center;
            }

table.moyenage { border: 0px solid black;
			   margin-top: 3em;
	           text-align: center;
	 	       vertical-align: center;
			   width: 1000px;
			   font-size: 24px;
			   
			}
table.dp3  { 
               border: 0px solid black;
			   margin-top: 3em;
	           text-align: left;
	 	       vertical-align: center;
			   width: 1000px;
			   font-size: 24px;
			   
			}	
table.structure {		width:1080px;
					text-align: center;
					margin-top: 3em;
					margin-bottom: 3em;
					vertical-align: center;
					font-size: 20px;
					font-weight: bold;
					font-style: italic;
					color: #FF0000;
				}	
ul.class1  li {
			text-decoration: underline; 
			margin-top: 1em;
			text-align: left;
			color: blue;
			}
ul.class1  p {
			line-height: 20px;
			margin-bottom: 5em;
			}
table.activites 	{	
					text-align: center;
					margin-top: 3em;
					margin-bottom: 2em;
					font-size: 20px;
					font-weight: bold;
					font-style: italic;
					color: blue;
				}
ul.dp4 li 	{
				margin-bottom : 1em;
				font-family: Times New Roman;
				font-size: 20px;
			}	
td.accueil  p	{
				color: black; 
				margin-top: 12 pt;
				font-size: 48px;
				font-weight: bold;
			}	
.vertical a {
				color: yellow;
				background-color: #0080C0;
				text-decoration: none;
				font-weight: bold;
				font-family: Times New Roman;
				font-size: 14px;
				text-align: center;
				padding: 2px; 
				border: 2px outset #c0c0c0; 
				display: block;
				width: 200px;
				height: 24px;
				}
.vertical a:link {
				color: #FFFFFF;
				}			
.vertical a:visited {
					color: yellow;	
					}	 		
.vertical a:hover {
					background-color: #0080C0;
					border: 2px inset #c0c0c0;
					color: black;
				}	

div.vertical {				
				margin-top: 40px;
				vertical-align: center;
			} 
p.ac1  {  
			    margin-top: 2em;
				vertical-align: center;
            }
div.pied  {	
			margin-left: 0em;
			margin-top: 2em;
		}	
.pied  p{		
			font-size: 16px;
			text-align: center;
			font-weight: bold;
			color: black;
			}
p.pied2  {		
			font-size: 16px;
			text-align: center;
			font-weight: bold;
			color: brown;
			}	
table.cantine 	{	
					text-align: center;
					margin-top: 3em;
					margin-bottom: 2em;
					font-size: 14px;
					font-weight: bold;
					font-style: italic;
					color: brown;
				}
table.voyage  {
					margin-top: 4em;
					border: 1;
					margin-left: auto;
					margin-right: auto;
					text-align: center;
					vertical-align: center;
				}	
#titre1 { 
			color: blue;
			}
#contenu1 { 
			color: brown;
			}
div.espagne	{
				margin-top: 80px;
				font-family: Times New Roman;
				font-size: 24px;
			}
.espagne     p{		
				margin-left: 30px;
				color: brown;
				font-size: 18px;
			}	
.espagne  	H3{	
				margin-top: 40px; 
				margin-bottom: 40px; 
				text-align: center;
			}
div.news {				
				margin-top: 80px;
				margin-left: 40px;
				vertical-align: left;
			}
.news      li       { 
				margin-top: 20px;
			}	
.news	a 	{
				color: blue;
				text-decoration: none;
				font-weight: bold;
				font-family: Times New Roman;
				font-size: 18px;
								
				}

							
.news     a:visited {
					color: red;	
					background-color: #FFCC66;
					}	 		
.news a:hover {
					background-color: #FFCC66;	
					}
div.news2 {				
				margin-top: 640px;
				margin-left: 40px;
				vertical-align: left;
			}
.news2	a 	{
			font-family: Bookman Old Style;
			font-style: italic;
			text-decoration: underline;
			color: brown;
			}
			
.news2     p   {  	text-align: right;
				margin-top: 2em;
				font-weight: bold;
				color: blue;
				font-size: 18px;
			}
.news2	h2   {
	         color: brown;
			}
table.news3  {
			width:600px;
			margin-left: 40px;
			vertical-align: left;
			
			color: blue;
			font-weight: bold;
			border: 0px solid black;
            }
.news3	 a	{
			    color: blue;
				vertical-align: center;
				background-color: #FFCC66;
				text-decoration: none;
				font-weight: bold;
				font-family: Times New Roman;
				font-size: 18px;
				text-align: center;
				padding: 2px; 
				border: 2px outset #c0c0c0; 
				display: block;
				width: 160px;
				height: 30px;
				}
.news3   a:link {
				background-color: #FFCC66;
				}				
.news3    a:visited {
					background-color: #FFCC66;
					color: red;	
					
					}	 		
.news3 a:hover {
					background-color: yellow;	
					}
.news3 li      { color:blue;
			margin-top: 4em;
			font-size: 18px;
			font-weight: bold;
			text-decoration: underline;
			}
.news3 p 	{ margin-left: 120px;
			color: red;
			font-size: 18px;
			font-weight: bold;	
		   }
table.news4  {
			width:900px;
			margin-left: 40px;
			margin-top:3em;
			vertical-align: left;
			font-size: 18px;
			font-style: italic;
			
			color: blue;
			font-weight: bold;
			border: 0px solid black;
            }
#news5		{	font-style: italic;
				font-size:18px;
				font-family: Bookman Old Style;
				text-decoration: underline;
			}
.news6  h3    { color: red;
			margin-left: 80px;
			margin-top:3em;
			margin-bottom:3em;
			font-weight: bold;
			font-style: italic;
			text-decoration: underline;
			}
#marquee	{
			margin-top: 60px;
			margin-bottom: 40px;
			color: white;
			font-weight: bold;
			font-size: 18px;
			}
div.news7 {				
				margin-top: 40px;
				margin-left: 40px;
				vertical-align: left;
			}			
.news7	h2	{ color: black;
			margin-left: 80px;
			margin-top:2em;
			margin-bottom:1em;
			font-family: Times New Roman;
			font-weight: bold;
			text-decoration: underline;
			}
.news7  li  { color:red;
			font-weight: bold;
			margin-left: 150px;	
			}
.news7  h4  { 	margin-left: 120px;	}		
div.news8 {				
				margin-top: 20px;
				margin-left: 40px;
				vertical-align: left;
			}				
.news8 li      { color:blue;
			margin-top: 1em;
			font-size: 18px;
			font-weight: bold;
			text-decoration: underline;
			}
.news8 p 	{ margin-left: 120px;
			color: red;
			font-size: 18px;
			font-weight: bold;	
			}
.renseig p   { margin-left: 120px;
			color: black;
			font-size: 18px;
			font-weight: bold;	
			}
.renseig h4	{ margin-left: 60px;
			color: blue;
			font-size: 16px;
			text-decoration: underline;
			font-weight: bold;	
			}		
table.nouvelles1  {
			width:500px;
			margin-left: 100px;
			margin-top:1em;
			vertical-align: left;
  			font-size: 18px;
			font-style: italic;
			color: brown;
			font-weight: bold;
			border: 0px solid black;
			}
.nouvelles1 li {color:blue;
			margin-top: 1em;
			font-size: 18px;
			font-weight: bold;
			text-decoration: underline;
           }
.nouvelles1 p {  margin-left: 120px;
				margin-top: 1em;
			    color: red;
			    font-size: 18px;
		    	font-weight: bold;
			}	
.telethon li 	{color:blue;
			margin-top: 1em;
			margin-left: 60px;
			font-size: 18px;
			font-weight: bold;	
			}
.telethon h3  {color: red;
			text-decoration: underline;
			}
.porteo   li 	{color:black;
			margin-top: 1em;
			margin-left: 450px;
			font-size: 18px;
			font-weight: bold;	
			}
.porteo  h3  {color: brown;
			margin-left: 400px;
			text-decoration: underline;
			}