body{
	background: url(../img/p.png) repeat-x;
  
}

.tb td {
    font-family: Cambria;
    line-height: 1;
    height: 6;

font-size: 9;
background-color: ;
padding:0;
}
.tb tr{
    height: 2;
}
.pg{
  height: 833px;

/*height:758px;*/
margin-left:160px ;
width: 1000PX;
box-shadow: 2PX 2PX 2PX #3eb3f6;
border: 2PX solid #3eb3f6;
border-right: 4PX solid #3eb3f6;
border-radius: 9PX 9PX 9PX 9PX;
min-width: 970px;
background-color: white;
}
.entete{

position:absolute;
top:13px;
left:170px;
width:1000px;
/*
background:url(../img/entete.png) no-repeat center; 
background-position:0px 0px;
background-size: 1010PX 170PX;*/
font-family: "Vivaldi";
text-align: center;
font-size: 37PX;
text-shadow:6PX 6PX 6PX #3eb3f6;
border-radius: 9PX 9PX 0PX 0PX;
font-weight: bold;
/*
border-style:;
width:1000px;
height: 170px;
background:url(../img/entete.png) no-repeat center; 
background-position:0px 0px;
background-size: 1000PX 170PX;
font-family: "Vivaldi";
text-align: center;
font-size: 37PX;
text-shadow:6PX 6PX 6PX #3eb3f6;
border-radius: 9PX 9PX 0PX 0PX;
border-bottom: 2PX solid #3eb3f6; 
font-weight: bold;
*/}

.tete{
border-radius:0PX 0PX 9PX 9PX;
font-size: 22px;
padding: 1px 8px 1px 0px;
font-family: "Gabriola";font-weight: bold;
line-height: 27px;
display: inline-block;
margin-left:25px;
color:#0a0363 ;
border: 1px solid lightblue;
background-image: url(../img/tnn.png);
border-radius: 19px 1px 19px 1px;
margin-top: -1px;
padding-top: 7px;}
#contenu{
	position: relative;
    top: 8PX;
}
.lettre{
color: blue;
font-size: 42PX;
animation:anim 7s infinite;
-ms-animation:anim 7s infinite;
-webkit-animation:anim 7s infinite;
-moz-animation:anim 7s infinite;
-o-animation:anim 7s infinite;
}
@keyframes anim{

from{color: #bf0eb5;}
to{color:blue;}
}
@-webkit-keyframes anim{

from{color: #bf0eb5;}
to{color:blue;}
}
@-ms-keyframes anim{

from{color: #bf0eb5;}
to{color:blue;}
}
@-moz-keyframes anim{

from{color: #bf0eb5;}
to{color:blue;}
}
@-webkit-keyframes anim{

from{color: #bf0eb5;}
to{color:blue;}
}

.taille{
	font-size: 44PX;
}
/**/
marquee{margin-top: 0px;
  width: 1000px;
font:bold 18PX Vivaldi ;
background: url(../img/Sss.png) repeat-x;
border-bottom: 2PX solid #3eb3f6; 
border-top: 2PX solid #3eb3f6; 
/*
font:bold 18PX Vivaldi ;
background: url(../img/p.png) repeat-x;
border-bottom: 2PX solid #3eb3f6; 
*/}
/**/
.pg_actuelle{
   font-size: 12pt;
  background-image:url(../img/mnn.png); text-align:center; padding:2PX 0PX 0PX 0PX;color:lightblack;

}
ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }
#mn_haut{
height: 30;
          margin-top: 0px;
  width: 1000px;
font:bold 13pt "Gabriola" ;
background: url(../img/Sss.png) repeat-x;
border-bottom: 2PX solid #3eb3f6; 
border-top: 2PX solid #3eb3f6; 
        }
#mn_haut li {
    padding-right: 27px;

  display: inline;

}
#mn_haut li a{
 color: black;

}

 #mn_haut li a:link, #mn_haut li a:visited {
  text-decoration: none;
color: black;
}
#mn_haut li a:hover{ 
color:blue;
 }

#menu {
        width: 190px;
  
        }

#menu li a {
  text-align: left;
        text-decoration: none;
        height: 26px;
    font-size:14;

        }

#menu li a:link, #menu li a:visited {
      color: black;
        display: block;
  background-image:url(../img/mnnn.png); 
  padding:2PX 0PX 0PX 18PX; 
    font:bold  10pt "Cambria" ;font-style: italic;

 }

#menu li a:hover{ 
  font-size: 11pt;
  background-image:url(../img/mnn.png); 

/*
animation:animat 2s infinite;
-webkit-animation:animat 2s infinite;
-moz-animation:animat 2s infinite;
-o-animation:animat 2s infinite;
*/
  padding:2PX 0PX 0PX 25PX; 
            

    }

#menu li a:active {
        color: #00F;
        }


/**/
/*ul{
  position: relative;
  left: -38px;
list-style: none;
width: 170;
margin-top: 1px; 
}
.mn{
	border-radius:11PX 0px 11PX 0px;
	padding:2PX 0PX 0PX 18PX; 
	width: 100%;
	height: 30PX;
	background-image:url(../img/mn.png); 
	border: 1px solid #3eb3f6;
}/*Palatino Linotype (Corps)*/
/*ul li.mn a{
	text-decoration: none;
	color: black;
	font:bold  10.12pt "Cambria" ;font-style: italic;
}
ul li.mn a:hover{
	font-weight: bold;margin-left: 8PX;
        background: 0 -32px;

animation:animat 2s infinite;
-webkit-animation:animat 2s infinite;
-moz-animation:animat 2s infinite;
-o-animation:animat 2s infinite;
}*/
@keyframes animat{

from{color: black;}
to{color:white;}
}

@-moz-keyframes animat{

from{color: black;}
to{color:white;}
}
@-webkit-keyframes animat{
from{color:black;}

to{color: white;}
}
.partie_droite{
  position: absolute;
  left: 977px;
    top: 213px;
/*	background: silver;
	*/width: 190px;

}
#a_e9bbb61e57b69caa3f442d5db7c334e4{
  width: 900px;
}
.partie_droiteLi{
height: 170px;
float: right;}
.cnt{
  position: absolute;
  left: 405px;
  top:225px;
  font:  11pt "cambria" ;
  text-align: justify;
color: black;
width: 560px;
height: 500px;
line-height: 1.7;
text-indent: 30px;}
.pied_pg{
width: 1000;
font: 13PX "Lucida Calligraphy" ;
background: url(../img/p.png) repeat-x;
border-top: 1PX solid #3eb3f6; 
position: absolute;
top: 823px;
border-radius:0PX 0PX 9PX 9PX;
text-align: center;
}
/*Slides*/
#gal {
    width: 170;
    
}
#gal img {
  width: 170;
  height: 130;
  position:relative;
  display: none;
  border: 1px solid #3eb3f6;
  border-radius:0PX 0px 14PX 0px;

}
#gal .act {
    display: block;
}

#slideshow {
  overflow: hidden;
  margin: 0px auto 0px;
  width: 190px;
  height: 130px;
}

#slideshow img {  width: 190px;

  border: 1px solid #3eb3f6;
  border-radius:0PX 0px 14PX 0px;
  height: 130px;
}

/*Calendrier*/


	
/* TABLEAU */
td  {
  text-align:center;
  vertical-align:middle; }
  
/* NOM DU MOIS */
td.nom_mois  {
  font-size:13px;
  font-style:normal;
  font-weight:normal;
  font-family:Andalus ;
}
  
  /* FLECHES */
td.fleches  {
  font-size:14pt;
  font-style:normal;
  font-weight:normal;
  }
  
/* NOMS DES JOURS*/
tr.noms_jours  {
  width:15;
  height:15;
  font-size:10pt; 
font-family:Andalus ;
}
  
 /*DATES*/
td.jours  {
  width:15;
  height:15;
  border-color:#3eb3f6;
  border-width:1px;
  border-style:solid;
  font-size:8pt;font-family:Verdana;
}
  
 /* AUJOURD'HUI */
td.aujourdhui  {
  width:15;
  height:15;
  border-color:#3eb3f6;
  border-width:2px;
  border-style:solid;
  font-size:8pt;
  font-weight:bold;
background: #3eb3f6;color:white;
  }
  
 /* CASES DES MOIS PRECEDENTS ET SUIVANTS*/
td.cases_vides  {
  width:15;
  height:15;
  border-color:#F5F5F5;
  border-width:1px;
  border-style:solid;
  font-size:8pt;
  color:#C0C0C0;}
  
a:link  {text-decoration:none;}
a:visited  {text-decoration:none;}
a:active  {text-decoration:none;}
/*tableau liste d'inscription */

#tableau {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 10px 0;
    width: 95%;
    text-align: left;
    border-collapse: collapse;
}
#tableau th {

    text-align: center;
    font-size: 13px;
    font-weight: normal;
    padding: 5px;
    background: #b9c9fe ;
    border-top: 2px solid #d3ddff;
    border-bottom: 1px solid #fff;
    color: #039;
}
#tableau td {
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid #fff;
    background: #e8edff ;
}
#tableau tfoot tr td {
    background: #e8edff;
    font-size: 16px;
    color: #99c;
    text-align:center;
}
#tableau tbody tr:hover td {
    background: #d0dafd ;
    color: #339;
}
#tableau a:hover {
    text-decoration:underline;
}

/*tab des frais http://www.meteoma.net/meteo-essaouira*/
#tableau1 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 10px 0;
    width: 100%;
    text-align: left;
}
#tableau1 th {

    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    border: 1px solid gray;
    color: blue;
    width: 180;
}
#tableau1 td {
    border-bottom: 1px solid #fff;
    color: #669;
    border: 1px solid gray;
}
#tableau1 tfoot tr td {
    background: #e8edff;
    font-size: 16px;
    color: #99c;
    text-align:center;
}
#tableau1 tbody tr:hover td {
    color: #339;
}
#tableau1 a:hover {
    text-decoration:underline;
}