/******    créé le 20 avril 2008     mis à jour le 30 mars 2010      *******/

body 
		{
		background-image: url("../bandeau10015-2.jpg");                          /******   image de fond du bandeau     ****/
		                                     /*****   	background-color: #C0C0C0;     #C0C0C0 gris 192 192 192   ceci est un commentaire ****/
		background-repeat: repeat-x;                                                                                /****         répétition horizontale  ****/
     		color: #000000;
     		border:0px;
     		margin-top: 126px;               /******  à bien régler vis à vis de la page qui est dessous    *******/
     		margin-left: 0px; 
     		margin-right: 0px;   
     		font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
     		font-size: 11pt ;
		}

div.fondbleu				/******  pour assurer le fond bleu dans les pages d'accueil    ****/

	 	{
		margin-top : 0px
		margin-left: 0px; 
     		margin-right: 0px;
		background-image: url(../fondbleu_005.jpg) ;
		text-align: center ;
		}

div.sectionA			/******  pour assurer la couleur grise des pages courantes et notamment vignettes    ****/

		{
		margin-top : 0px
		margin-top : 0px
		margin-top : 0px
		margin-top : 0px
     		margin-left: 0px; 
     		margin-right: 0px;
		background-color: #C0C0C0;  
		}

div.sectionChP			/******  pour assurer la couleur  des pages poèmes chansons    ****/

		{
		background-image: url('../brown_bg_2.gif');
		margin-top : 0px
		margin-top : 0px
		margin-top : 0px
		margin-top : 0px
     		margin-left: 0px; 
     		margin-right: 0px;
		}



div.sectionB
		{
     		margin-left: 15px; 
     		margin-right: 15px;
		}

div.sectionV
		{
     		margin-left: 10px; 
     		margin-right: 10px; 
		text-align: center ;
		}
 
div.photoclasse
		{
		padding-top: 18px ; 
		background-color: #C0C0C0; 
    		border: solid #000 0px;
		text-align: center ;
		font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif; 
		font-size: 75%; color: 000000; 
		line-height: 18px ;
		}

div.photopeinture			/******  pour assurer la couleur  des pages peinture    ****/

		{
		padding-top: 18px ; 
		background-image: url('../brown_bg_2.gif');
    		border: solid #000 0px;
		text-align: center ;
		font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif; 
		font-size: 75%; color: 000000; 
		line-height: 18px ;
		}


div.eleves
		{
		margin-left: 20px ; 
		margin-right: 20px ; 
		padding-top: 18px ; 
		text-align: center ;
		font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; 
		font-size: 120%; color: 008000; 
		}

div.commentelev
		{
		text-align: left ;
		padding-top: 28px ; 
		padding-left: 3.0% ; 
		padding-bottom: 0px ; 
		font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif; 
		font-size: 110%; color: 000000; 
		}

div.cooperation
		{
		text-align: left ;
		padding-top: 18px ; 
		padding-left: 3.0% ; 
		padding-bottom: 24px ; 
		font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif; 
		font-size: 80%; color: 000000; 
		}

div.basdepage
		{
		text-align: left ;
		padding-left: 1.0% ; 
		font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif; 
		font-size: 70%; color: 000000; 
		}

table#titreV 
		{
    		/*   background-color:#C0C0C0;   */
    		border: solid #00f 0px ;
     		margin-left: auto ; 
     		margin-right: auto ; 
    		width: 80% ; 
 		text-align: center ;
		}

table#titreV td 
		{
  		padding: 0px;    
    		border: solid #f00 0px;
    		width: 33%; 
/*		text-align: center ;    */
		vertical-align: top;
		font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif; 
		font-size: 100%; color: 000000; 
		}

table#vignette 
		{
    		/*   background-color:#C0C0C0;   */
    		border: solid #000 0px;
     		margin-left: auto ; 
     		margin-right: auto ; 
    		width: 80% ; 
 		text-align: center ;
		}

table#vignette td 
		{
    		padding: 0px;
    		border: solid #f00 0px;
		text-align: center ;
		vertical-align: top;
		font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif; 
		font-size: 60%; 
		color: 000000; 
		}




.agauche
		{
		text-align: left ;
		}

.aucentre
		{
		text-align: center ;
		}

.adroite
		{
		text-align: right ;
		}

.matiere 
		{
		font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif; 
		font-size: 90%; font-style: italic; color: 0D05FF; 
		}


p.titre06 						/*	pour les peintures   */
			{
			font-size: 20px ; 
			color: 000000 ; 
			font-weight : normal ; 
			font-style: normal ;
			font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif ; 
			text-align: center ; 
			}



p.titre07 						/*	pour les poemes   */
			{
			font-size: 24px ; 
			color: 0000cc ; 
			font-weight : bold ; 
			font-style: italic ;
			font-family: comic sans ms, regular ; 
			text-align: center ; 
			}


p.poeme07 						/*	pour les poemes   */
			{
			font-size: 18px ; 
			color: 0000cc ; 
			font-weight : bold ; 
			font-style: italic ;
			font-family: comic sans ms, regular ; 
			padding-left: 10% ;
			margin-top: -1.0em ; 
										/*		min-height: 400px;		   */
			}


table.sample
		 {
    		background-color:#FFFFFF;
    		border: solid #f00 40px;
    		width: 80%; 
		text-align: center ;

		}

td.sample 
		{
    		padding: 0px;
    		border: solid #00f 15px;
		text-align: center ;
		vertical-align: top;
		font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif; 
		font-size: 60%; color: 000000; 


/***** ci-dessous url qui illumine le lien (pour les réponses vers Webmaster,)  ****/

		a.writelnk:visited { color: #cc00cc; }														 			/*****  couleur avant    *****/
		a.writelnk:{font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; } 								/*****  police et taille    *****/
		a.writelnk:hover {color: #0000FF;text-decoration: underline; background-color: 00ffff; } 				/*****  qand on survole ; couleur texte, soulignement, couleur fond    *****/
		a.writelnk:active { color: #CC08B8}  																	/*****  couleur après si déja visité    *****/
		a.writelnk:link { color: blue; text-decoration: underline; }
		a.writelnk:{text-decoration: none;}





/***** ci-dessous url pour précédent, suivant et vers vignettes dans les pages photo de classe  ****/

		a.suite {font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; }
		a.suite {text-decoration: none;}
		a.suite:link { color: blue}
		a.suite:visited { color: #cc00cc}
		a.suite:active { color: green} 
		a.suite:hover {color: #0000FF;text-decoration: underline; background-color: BBD8F8; }


/***** ci-dessous url pour élèves vers documents, ...   ****/

		a.elevelnk {font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; }
		a.elevelnk {text-decoration: none;}
		a.elevelnk:link { color: blue}
		a.elevelnk:visited { color: #cc00cc}
		a.elevelnk:active { color: #CC08B8} 
		a.elevelnk:hover {color: #0000FF;text-decoration: underline; background-color: ffffff; }


/***** ci-dessous url généraux à définir   ****/

		a {font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; }
		a {text-decoration: none;}
		a:link { color: blue}
		a:visited { color: #cc00cc}
		a:active { color: green} 
		a:hover {color: #0000FF;text-decoration: underline;}


 /*   
A {text-decoration: none;}
A:link {color: navy;}
A:active {color: #0000FF;}
A:hover {color: #0000FF;text-decoration: underline;}

*/


 /*   

a { color: #0066B3; background: inherit; text-decoration: none;}
ul#nav a{float:left;width: 95px;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666; border-top : 1px solid #fff; border-left : 1px solid #fff; border-right : 1px solid #fff;}
*/

.bleu {color: #336699;}


H1
	 {
	font-weight: bold; 
	font-size: 18pt; 
	color: #336699; 
	font-family: Arial, Verdana, Helvetica, "Sans Serif"; 
	margin-left: 10px; 
	margin-right: 20px;
	padding-bottom: 0;
	border-bottom: thin solid #FCCE55;
	}

	/*****
		H2 {
   		font-style: italic;
		font-weight: bold; 
   		font-size: 13pt;
   		padding-top: 10px;
   		text-decoration: overline;	   		color: #336699; 
   		margin-left: 20px; 
   		margin-right: 20px;
   		letter-spacing: 2px;
   		font-family: Arial, Verdana, Helvetica, "Sans Serif"; 
	}
	****/

H2.titrepoeme

		{
   		font-style: italic;
		font-weight: bold; 
   		font-size: 18pt;
   		color: #336699; 
   		letter-spacing: 2px;
   		font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; 
	}



H3 {
  	color: #B6B1A2;
  	margin-left: 30px; 
  	margin-right: 20px;
  	font-family: Arial, Verdana, Helvetica, "Sans Serif"; 
	}

H4	{
	background: transparent;
	color: black; 
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; 
	font-size: 14pt ;
	font-weight:bold ;
	line-height: 0.8 ; 
	}

TD,P,B,I,INPUT,DIV,LI,UL,OL,CENTER 
{font-family: Arial, Verdana, Helvetica, "Sans Serif";
}

BUTTON 	{
  			font-size: 11pt ;
			font-weight: bold;
  			color: #336699; 
			}

P {
  font-size: 11pt ;
  margin-left: 40px; 
  margin-right: 20px; 
#  text-align: justify;	
  font-family: Arial, Verdana, Helvetica, "Sans Serif"; 
}


UL 
{
  font-family: Arial, Verdana, Helvetica, "Sans Serif"; 
  font-size: 11pt ;
  margin-left: 20px; 
  margin-right: 20px; 
  list-style-image:url("http://michelgast.mathieu.free.fr/habillage/icones/pucebleue.png");
}

OL 
{
  font-family: Arial, Verdana, Helvetica, "Sans Serif"; 
  font-size: 11pt ;
  margin-left: 40px; 
  margin-right: 20px; 
#  text-align: justify;
}

PRE 
{
  font-size: 11pt; 
  color: red; 
  font-family: "Courier new";
}

CODE 
{
  font-size: 11pt; 
  color: red; 
  font-family: "Courier new";
}


.lagFootNote 
{
    text-align: center;
    margin-left: 20px;
    font-size: 11pt;
    font-family: Arial, Helvetica, "Sans Serif"; 
    color: #666666
}
.lagFootNote.link{color: #666666;}
.lagFootNote.link.active{color: #666666;}



.lagLine {
	font-weight: bold; 
	font-size: 19pt; 
	color: #336699; 
	font-family: Arial, Verdana, Helvetica, "Sans Serif"; 
	margin-left: 10px; 
	margin-right: 20px;
	padding-bottom: 0;
	border-bottom: thin solid #FCCE55;
}

.lagText {margin-left: 40px; margin-right: 20px;}
.lagText2 {text-indent: 0; margin-left: 35px; margin-right: 20px;}


IMG 	{
  		border-top: none;
  		border-right: none;
  		border-bottom: none;
  		border-left: none;
		}

.news-date {
	margin: 0 1.4em;
	text-transform: lowercase;
	font-family: times,serif;
	font-weight: bold;
	font-size: 0.9em;
	color: #888;
	letter-spacing: 2px;
	border-bottom: 1px solid #ccc;
}

.news{color:#FCCE55;}

#right {
	float: left;
	width: 76%;
	padding: 1em;
	margin-bottom: 1.2em;
	background: #eee;
	text-align: justify;
}


div#right li{margin-left: 2em}

#left 	{
		float: right;
		width: 20%;
		margin: 0 0 10px 0;
		text-align: justify;
	
		}

#left .box {
	
			padding: 1em;
			margin: 0 0 1em 0;
			background : #FFF6BF;
			}

div#left h2{padding: 0 0 0;text-align: center}

#content {
			font: 95%/1.3 TrebuchetMS,Arial,sans-serif;
			margin: 0 auto;
    			padding: 15px;
			background: #fff;
	
	
}



div.blockabstract {
					display: none;
					padding:1em;	     
					margin-top:1em;
					margin-right:5em;
					margin-left:3em;
					text-align: justify;
					border: dashed thin #A9A9A9;
					}