body 		{background: #CC66CC; font-family:Comic Sans MS;font-size:10 px;font-style:normal; width:97%; height:auto; 
			top:0%}
div.date 	{font-size:14px; left:5%;text-align:center; color:white; font-weight:bold;}

div.EnTete 	{background:#CC66CC;position:absolute;left:0px; top:3%; width:100%;height:18%;text-align:center;}
div.logo 	{background:#CC66CC;position:absolute;left:0px; top:1%; width:20%;height:90%;text-align:center;}
div.Mouvement 	{background:#CC66CC; border:hidden;position:absolute;left:20%; top:5%; width:80%;height:100%;
			text-align:center;}			
div.cadre 	{position:absolute;left:100px;width:100%;height:10px;background:yellow;}
div.titre 	{background:#CC66CC;font-family:Comic Sans MS;border:solid;position:absolute;left:20%;width:60%;text-align:center;}
div.corps 	{position:absolute;left:0%;top:21%;width:100%;text-align:justify;padding-left:5px;height:100%;padding-right:5px;}
div.bouton 	{position:absolute;left:10%;width:80%; height:30px;font-size:20px;font-style:normal; background:#ff0000; 
			text-align:center;}
div.image 	{position:absolute;left:300px; top:400 px;}
div.infog 	{position:relative;left:5%;width:90%;font-size:12px;font-style:normal; background:#ED9EEF; border:solid;border-width:1px;}
div.infod 	{position:absolute;left:5%; width:90%;font-size:12px;font-style:normal; background:#C609CC;border:solid;
			border-width:1px;}
div.sondage {background:#C609CC;position:absolute;left:5%; top:auto;width:90%; height:auto;font-family:Comic Sans MS;font-size:8px;	
			font-style:normal;}
div.travaux {background:yellow;font-family:Comic Sans MS;position:absolute;left:10%;top:50%;
			width:300px;text-align:center;}
div.service {position:absolute;left:5px;width:100%;text-align:center;}

div.arabe1 	{background:#66AA55;border:solide;position:absolute;left:0px; top:50%; width:100%;height:30%;}
div.sommaire1 	{background:#337733;border:solide;position:absolute;left:0px; top:13%; width:100%;
			height:4%;}
div.gauche 	{background:#C609CC;position:absolute;left:0%;top:25%;width:20%;}
div.principal 	{background:#DD9EEF;position:absolute;left:20%;top:25%; width:80%;padding-right:0px;}
<!--div.droit 	{background:#ED9EEF;position:absolute;left:80%;top:25%;width:20%; height:150%;}

div.matieres 	{position:absolute;top:0px;left:0px; width:100%;height:50%;}
div.texte 	{position:absolute;top:18%;left:1%; width:100%;}
div.boule 	{position:absolute;left:0px; top:90%;width:100%;align:center;}
<!--div.bouton 	{background:#99cc99;position:absolute;top:2px; width:10%;height:90%;font-family:verdana;
<!--			font-size:100%;text-align:center;}

div.bouton2 	{background:#aaccaa;position:absolute;top:0px; width:13%;height:100%;font-family:verdana;
			font-size:130%;text-align:center;}
div.legende 	{font-family:Comic Sans MS;font-size:12px;text-align:center; border:solid; border-width:1; background-color:#CCFFFF; width:50%;}
.fete 	{ background-color:yellow;font-size:14px; color:blue; position:absolute; top:0px; width:60%; height:10%;}

<!--span 	{font-style:oblique;background:#dddddd;color:red;}

iframe.cadre 	{ position:static;color:#339944; margin-right:3px; top:0%; width: 100%; height:inherent;overflow:hidden;}
iframe.sondage {width:100%;height:auto;border:solid;border-width:1px; font-family:Comic Sans;
				font-size:10px;}

form {font-size:11px;}
textarea.normal {background:#CC99CC;hight:auto;width:90%; position:relative;left:5%;font-family:Comic Sans MS;font-size:11px;font-style:normal;text-align: center; overflow:hidden;}
textarea.editer {background:#ED9EEF; position:relative;hight:40%;width:90%;font-family:Comic Sans MS;font-size:12px;
				font-style:normal; overflow:auto; letter-spacing:0.1em;}
textarea.detail {background:#ED9EEF; position:absolute;width:50%; left:25%;top:200px; height:200px;
			border:solid;border-top-width:20px;	border-left-width:6px;border-right-width:6px; border-bottom-width:6px;		
			border-top-color:#FF0000;border-left-color:#FF0000;border-right-color:#FF0000;
			border-bottom-color:#FF0000;font-size:12px;font-style:normal;color:blue; text-align:center; 
			font-family:Comic Sans MS;letter-spacing:0.1em;}
.form1 {position:absolute;left:120px;font-family:Comic Sans MS;font-size:10px;}
input { background-color:#CC99CC;font-family:Comic Sans MS;font-size:10px;}
select {background-color:#CC99CC;font-family:Comic Sans MS;font-size:10px;}
h1 {color: yellow;font-family:Comic Sans MS;font-size:14px;text-align:center;letter-spacing:0.25em; }
h1.forum {color: yellow;font-size:12px;text-align:center;text-decoration:underline;letter-spacing:0.25em;}

h2 {color: blue;font-family:Comic Sans MS;font-size:12px;letter-spacing:0.25em;}
h3 {color: blue;font-family:Monotype Corsiva;font-style:bold;font-size:18px;text-align:center;
				text-decoration:underline;margin-bottom:5px}
h4 { margin-bottom:0px;font-size:12px;text-align:left;text-decoration:underline;letter-spacing:0.25em;}
h5 {margin-top:0px;font-size:12px;text-align:center; font-family:"Comic Sans MS"; font-style:italic;}
hAr { padding-top:10px; margin-left:10px;text-align:right;font-family:Arial;font-size:16px; font-weight:bold; 
	letter-spacing:0.05em;}			
h6 { background-color:9b1111;color: yellow;font-family:Monotype Corsiva;font-style:bold;font-size:20px;letter-spacing:0.25em; text-align:center}

li{text-align:left; margin-left:0px;font-size:12px;margin-top:3px;}
ul.info{margin-left:5px;font-size:10px;margin-top:0px;align:justify; }
li.info{margin-left:10px;font-size:10px;margin-top:0px; }

p {font-family:Comic Sans MS;text-align:justify;font-size:10px;}
p.droit {font-family:Comic Sans MS;text-align:right;font-size:10px;}
p.relig {font-family:Comic Sans MS;text-align:center;font-size:10px;font-weight:bold;font-style:italic;}

.menu {background-color:#ED9EEF;border:solid;border-width:thin;margin-left:10px;margin-right:10px; 	font-size:12px;color:blue;
		font-weight:bold;letter-spacing:0.25em; text-align:center;}
.sommaire{margin-left:0px;margin-right:2px;color:#000000;}	   

.forum {background-color:#ED9EEF;font-family:Comic Sans MS;font-size:12px;}
body.forum{ background-color:#AA33AA; font-family:Comic Sans MS;font-size:10 px;font-style:normal 
				width:97%; height:100%;}			
div.forum{background:#ED9EEF;position:absolute;left:20%;top:25%;width:80%; height:150%;}
.forumG {background-color:#CC66CC;}
.dateforum {background-color:#CC22CC; border:solid; border-width:2; width:100%; left:20%;font-size:12px;}

.TitreMessage{ background-color:#DD33DD;font-family:Comic Sans MS; text-align:justify; color:#3333FF;font-size:12px;
			font-weight:bold;}
.TitreMessageAr{ background-color:#DD33DD;font-family:Arial;text-align:right; color:#3333FF;font-size:16px;font-weight:bold;
			letter-spacing:0.10em;}
.texteMessage	{ background-color:#CC99CC; width:auto; text-align:left;font-family:Comic Sans MS;font-size:12px; 
			padding-left:5px; padding-right:5px;}
.texteResume	{ background-color:#CC99CC; position:relative; left:0%; width:100%; height:100px; text-align:left;
			font-family:Comic Sans MS;font-size:12px; padding-left:5px; padding-right:5px; overflow:hidden;}
.texteMessageAr	{ background-color:#CC99CC; width:auto;text-align:right;font-family:Arial;font-size:16px; padding-left:5px;
			padding-right:5px;letter-spacing:0.10em;}
.texteResumeAr	{ background-color:#CC99CC; position:relative; left:0%; width:100%; height:100px;text-align:right;
			font-family:Arial;font-size:16px; padding-left:5px; padding-right:5px;letter-spacing:0.10em;overflow:hidden;}
			
.Agenda	{ background-color:#CC77CC; position:relative; width:60%;font-family:Comic Sans MS;font-size:14px; color:black}

.souligne	{background-color:#CC77CC;color:black;text-decoration:underline; font-style:italic; margin-left:5%;}

.NatureAgenda{font-size:22px; text-align:left;color:blue; font-weight:bold; text-decoration:underline;font-style:italic;
			letter-spacing:0.5;}

.dateAgenda	{ background-color:#CCCCCC;text-align: center;font-family:Comic Sans MS;font-size:22px; color:red; 
			letter-spacing:0.25em;}


div.Comment{background-color:#CC99CC; width:auto; text-align:left;font-family:Comic Sans MS;font-size:12px; padding-left:5px;
			padding-right:5px;}
			
a.normal {color: blue;font-style:italic;font-size:10px ;text-align:center;letter-spacing:0.1em;}
a:hover {color: yellow;font-style:italic; font-size:10px ;text-align:center;letter-spacing:0.2em;}
a:active {color: yellow;font-style:italic; font-size:10px ;text-align:center;letter-spacing:0.1em;}

.color { color: red; }
.centre { text-align:center;font-family:Comic Sans MS;font-size:10px; }
td { padding-left:2px;font-size:12px;}
td.titre{ padding-left:2px; font-size:12px; font-weight:400; text-decoration:underline; }
.TexteFr{text-align:left; font-family:"Comic Sans MS"; font-size:12px;}
.TexteAr{text-align:right; font-family:"Arial"; font-size:16px;letter-spacing:0.10em;}
.titres {color: white;background-color: #9b1111;border-top-width: thin;border-top-style: solid;border-right-style: solid;
		border-bottom-style: solid;border-left-style: solid;border-top-color: #000066;border-right-color: #000066;
		border-bottom-color: #000066;border-left-color: #000066;clip:  rect(auto auto auto 20px);line-height: normal;
		font-size: 20px;font-family:georgia;font-weight:bold;font-style: italic;background-position: center center;
		text-align: center;vertical-align: middle;letter-spacing: normal;word-spacing: normal;white-space: normal;
		display: block; }