.centre{
  text-align:center;
}

.text{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: Black;
	font-size: 12px;
}

.datejour{
	background-color: #0055ff;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

.datejourevent{
	background-color: #000088;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: red;
        font-size: 13px;
	font-weight: bold;
}

.date{
	background-color: #99CCFF;
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	color: Black; 
	font-size: 13px;
}

.dateevent{
	background-color: #FFD700;
	font-family: Verdana,Arial,Helvetica,sans-serif;  
	font-size: 13px;
}

.premierjour{
	background-color: #ffffff;
	border-style:none;
	font-size: 13px;
}

.vide{
	background-color: #ddffdd;
}

td.invisible{
	background-color: #FBD4B4;
	border-style:none;
	font-size: 13px;
}

.titreplan{
	background-color: #FAAD6E;
	border-style:none;
	font-size: 13px;
}

.tab{
     margin-left:14px;
}

.ligne1{
	background-color: #99CCFF;
}

.ligne2{
	background-color: #bbddbb;
}

.titrechamp{
        font-weight: bold;
}

.titretableau{
        font-weight: bold;
        background-color:#FFD369;
}

.erreur{
	color: red;
        font-weight: bold;
        text-align:center;
}

.valide{
	color: green;
        font-weight: bold;
        text-align:center;
}

.cdp {
  background-color:#FFD369;
}


body,td {
  margin:0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  background-color:#FDE9D9;
}

div#page {
  background-color:#FDE9D9;
}

div#main {
  background-repeat:no-repeat;
  border: 1px solid #666666;
  width: 948px;
  text-align:left;
}

div#top {
  height:60px;
  width: 948px;
}

div#page_principale {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      position: relative; /*positionnement pour IE5 et IE5.5 left: 20%; */
      width: 928px; /* 796-2 des pixels de la bordure -8 de padding = 786*/
      padding:10px;
      z-index:50;
      background-color:#FBD4B4;
}

div#col_center {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      position: relative;
      width: 500px;
      left:214px;
}

div#col1_accueil {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      position:absolute;
      width: 440px;
      left:20px;
}

div#col2_accueil {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      position: relative;
      width: 440px;
      left:480px;
}

div#col1 {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      position:absolute;
      width: 700px;
      left:15px;
}

div#col2 {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      position:relative;
      width: 200px;
      left:720px;
}

.titre_bloc1, .titre_bloc2, .titre_bloc3 {
      width: 430px;
      padding:5px;
      -moz-border-radius: 10px 10px 0px 0px;
      text-align:center;
      font-weight: bold;
      font-size: 20px;
}

.titre_bloc1 {
      background-color: #B64E4E;
}
.titre_bloc2 {
      background-color: #95AF55;
}
.titre_bloc3 {
      background-color: #3D90A5;
}


.horaire_bloc1, .horaire_bloc2, .horaire_bloc3 {
      width: 430px;
      padding:5px;
      text-align:center;
      font-weight: bold;
      font-size: 14px;
}

.horaire_bloc1 {
      background-color: #D99594;
}
.horaire_bloc2 {
      background-color: #C2D69B;
}
.horaire_bloc3 {
      background-color: #92CDDC;
}


.bloc1, .bloc2, .bloc3, .bloc4 {
      width: 430px;
      height:250px;
      padding:5px;
      text-align:center;
      -moz-border-radius: 0px 0px 10px 10px;
      font-family: calibri, Arial, Helvetica, sans-serif;
      font-size: 14px;
}

.bloc1 {
      background-color: #E5B8B7; #CCC0D9; #FABF8F;

}
.bloc2 {
      background-color: #D6E3BC;
      height:277px;
}
.bloc3 {
      background-color: #B6DDE8;
      height:277px;
}
.bloc4 {
      background-color: #D6E3BC;
}

.titre_post_it {
      width: 190px;
      padding:5px;
      -moz-border-radius: 10px 10px 0px 0px;
      text-align:center;
      font-weight: bold;
      font-family: calibri, Arial, Helvetica, sans-serif;
      font-size: 20px;
      background-color: #FFCC00;
}
.bloc_post_it {
      width: 190x;
      padding:5px;
      text-align:left;
      -moz-border-radius: 0px 0px 10px 10px;
      font-family: calibri, Arial, Helvetica, sans-serif;
      font-size: 12px;
      background-color: #FFFF00;
}



div#page_cdp {
  padding:5px;
  width: 938px;
  position: relative;
  background-color:#FFD369;
}

.menuzone {
  margin-left:0px;
  margin-right:0px;
}

div#menuzone {
  background-color:#FAAD6E;
  height: 28px;
  left:-1px;
  text-align:center;
  border: 1px solid #666666;
  margin-left: 0px;
  margin-right: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  position:relative;
  width: 948px;
  z-index:100;
}

.menuzone2 {
  top: 62px;
  margin: 0px;
  height: 28px;
  width: 948px;
  text-align: left;
  z-index:100;
}

.menuzone2 a { /* dimensions et définitions des boutons */
  display: block; /*mise en block de <a> pour lui donner des dimensions */
  height: 28px;
  line-height: 26px; /* hauteur de ligne pour éviter les paddings */
  color: #777777;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  padding-left: 11px;
  padding-right: 11px;
  float: left;
  border-bottom: 0px none #000;
  z-index:100;
}

/*
.menuzone2 a:hover {
color: #43271B;
border-bottom: 0px none #000;
background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat;
}
*/

.a_menuzone {
  color: #333333;
  font-weight: normal;
}
.a_menuzone:link {
  color: #333333;
  font-weight: normal;
}
.a_menuzone:visited {
  color: #333333;
  font-weight: normal;
}
.a_menuzone:hover {color: #43271B; background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat; border-bottom: 0px none #000;}

.a_menuderoul {
  color: #333333;
  font-weight: normal;
}
.a_menuderoul:link {color: #333333;}
.a_menuderoul:visited {
  color: #333333;
  font-weight: bold;
}
.a_menuderoul:hover {
  color: #ff6600;
  border-bottom: 0px none #000;
}

a#menu0:hover {
  background-position: 0% -84px;
  background-color:#ffdab9;
  font-weight: normal;
}
/*
a#menu1:hover {
  background-position: 0% -28px;
  background-color:#ddeeff;
}
a#menu2:hover {
  background-position: 0% -56px;
  background-color:#abffab;
}
a#menu3:hover {
  background-position: 0% -112px;
  background-color:#dddddd;
}
a#menu4:hover {
  background-position: 0% -140px;
  background-color:#ffdead;
}
a#menu5:hover {
  background-position: 0% -168px;
  background-color:#ffdab9;
}
a#menu6:hover {
  background-position: 0% -168px;
  background-color:#b0e0e6;
}
a#menu7:hover {
  background-position: 0% -200px;
  background-color:#abffab;
}
a#menu8:hover {
  background-position: 0% -168px;
  background-color:#D8BFD8;
}
*/

a#menu0_on {
  background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat;
  background-position: 0% -84px; }
a#menu1_on {
  background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat;
  background-position: 0% -28px;}
a#menu2_on {
  background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat;
  background-position: 0% -56px;}
a#menu3_on {
  background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat;
  background-position: 0% -112px;}
a#menu4_on {
  background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat;
  background-position: 0% -140px;}
a#menu5_on {
  background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat;
  background-position: 0% -168px;}
a#menu6_on {
  background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat;
  background-position: 0% -168px;}
a#menu7_on {
  background: transparent url(/images/charte/menu_zonefonds.jpg) top left no-repeat;
  background-position: 0% -200px;}

a {
  text-decoration:none;
  color: #33C;
  font-weight: bold;
}
a:link {
  text-decoration:none;
  color: #33C;
  font-weight: bold;
}
a:visited { color: #33C; }
a:hover {
  color:#ff6600;
  font-weight: bold;
}


h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin-top: 10px;
  padding-top: 0px;
  text-align:center;
  color:#9400D3;
}

h2 {
  background-repeat:repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  margin-top:30px;
  margin-bottom:15px;
  color:#0000CD;
  text-align:center;
  /*color: #2B82aa;*/
}

h2.post_it {
  font-family: calibri, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin-top:30px;
  margin-bottom:15px;
  color:#0000CD;
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color:#008800;
  font-weight: bold;
  /*text-decoration:underline;    */
  text-align:left;
  margin-top:30px;
  margin-bottom:10px;
}

h4 {
  background-repeat:repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  height: 18px;
  line-height:18px;
  margin-right: 4px;
  font-weight: bold;
  margin-left:25px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

h5 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top:0px;
  margin-bottom:0px;
  text-align:left;
}

p{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-top:0px;
  margin-bottom:4px;
  text-align:justify;
}

p#news {
  text-align:center;
  font-size: 14px;
  margin-top:0px;
  margin-bottom:4px
}

p#sous_titre {
  text-align:center;
  font-size: 14px;
  font-weight: bold;
  line-height:30px;
}

p#petitenote {
  text-align:right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

p#basdepage {
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

select, option {
  background-color:#ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

input {
  background-color:#ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

textarea{
  background-color:white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: black;
}

a.lienHaut:link {font-size: 10pt; color: #ff0000; font-family: arial,verdana; text-decoration: underline;}
a.lienHaut:visited {font-size: 10pt; color: #ff0000; font-family: arial,verdana; text-decoration: underline;}
a.lienHaut:hover {font-size: 10pt; color: #ff0000; font-family: arial,verdana; text-decoration: none;}
a.lienArbo:link {font-size: 10pt; color: #ff0000; font-family: arial,verdana; text-decoration: underline;}
a.lienArbo:visited {font-size: 10pt; color: #ff0000; font-family: arial,verdana; text-decoration: underline;}
a.lienArbo:hover {font-size: 10pt; color: #ff0000; font-family: arial,verdana; text-decoration: none;}