/* NIVEAU : BODY */

body
{
  margin:0;
  padding:0;
  background:#EEEEEE;
  font-family : Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:14px;
}

/* NIVEAU : WRAPPER */

#wrapper
{
  width:1440px;
  margin:20px auto;
  background:white  repeat-y 0 0;
  border:1px solid #FFA500;
}

/* NIVEAU : HEADER, MAIN et RESET */

#header, #main
{
  padding:20px;
}

#header
{
  float:left;
  width:260px;
  color:black;
  background-color:#FFA500;
}

#main
{
  float:right;
  width:1100px;
}

#reset
{
  clear:both;
}

/* SECTION : LOGO et SLOGAN */

#logo-et-slogan
{
  text-align:center;
  border-bottom:1px solid white;
  margin-bottom:20px;
}

img#logo
{
  width:160px;
}

#slogan
{
  font-size:18px;
  font-weight:bold;
  letter-spacing:2px;
  word-spacing:5px;
}

/* SECTION : MENU */

#menu
{
  font-size:16px;
  font-weight:normal;
  letter-spacing:1px;
  background-color:#FFA500;
}

#menu ul
{
  margin:0;
  padding:0;
  list-style:none;

}
 
#menu ul li
{
  cursor:pointer;
  padding:5px 8px;
}
 
#menu ul li:hover
{
  background-color:#000000;
  color:gold;
}

#menu a:link {
font-family : Geneva, Arial, Helvetica, sans-serif;
background-color : transparent;
color : #ffffff;
text-decoration : none;
}

#menu a:hover {
font-family : Geneva, Arial, Helvetica, sans-serif;
background-color : transparent;
text-decoration : underline;
}


#menu a:visited {
font-family : Geneva, Arial, Helvetica, sans-serif;
background-color : transparent;
color : #ffffff;
text-decoration : none;
}

/* SECTION : CONTENT */

#content
{
  text-align:justify;
}

#content img
{
  margin:10px 10px 10px 10px; 
}

/* SECTION : FOOTER */

#footer
{
  clear:both;
  font-size:12px;
  border-top:1px solid #FFA500;
  margin-top:30px;
  text-align:center;
  padding:30px 0px;
  color:#C0C0C0;
}


a:link {
font-family : Arial;
background-color : transparent;
color : #000000;
text-decoration : none;
}



a:visited {
font-family : Geneva, Arial, Helvetica, sans-serif;
background-color : transparent;
color : #000000;
text-decoration : none;
}

a:hover {
font-family : Geneva, Arial, Helvetica, sans-serif;
background-color : transparent;
text-decoration : underline;
}

h1 {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 18px;
color:#333399;
background-color : transparent;
text-align : left;
border-bottom:1px solid #333399;
}

h2 {
font-family : Arial;
font-size : 16px;
color : #CC0066;
background-color : transparent;
text-align : left;
margin-left : 10px;
margin-right : 10px;
margin-top:10px;
border-bottom:1px solid #CC0066;
}

h3 {
font-family : Arial;
font-size : 15px;
color : #333399;
background-color : transparent;
text-align : center;
}

h4 {
font-family : Arial;
font-size : 14px;
color : #C0C0C0;
background-color : transparent;
text-align : left;
}


hr {
color : #DCDCDC;
}

#large { 
width: 100%
 }

#tableau { 
float: left;
width: 33%
 }

.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:8px 5px 8px 8px;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:8px 5px 8px 8px;border-style:dotted;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-88nc{font-weight:bold;border-color:inherit;text-align:center}
.tg .tg-1kyn{font-weight:bold;background-color:#CC0066;color:#ffffff;border-color:inherit;text-align:center}
.tg .tg-kiyi{font-weight:bold;border-color:inherit;text-align:left}
.tg .tg-uys7{border-color:inherit;text-align:center}
.tg .tg-uys7ferie{color:#CC0066;border-color:inherit;text-align:center;font-weight:bold}
.tg .tg-demi{border-color:inherit;text-align:justify;padding:10px 5px 10px 10px;width:50%}
.tg .tg-dotted{border-style:dotted dotted dotted dotted;border-width:1px;overflow:hidden;word-break:normal;border-color:black}


/* CALENDRIER MOIS */
.tg .tg-jour{border-style:dotted none dotted dotted;border-width:1px;overflow:hidden;word-break:normal;border-color:black;text-align:left}
.tg .tg-num{border-style:dotted dotted dotted none;border-width:1px;overflow:hidden;word-break:normal;border-color:black;text-align:left}
.tg .tg-saint{border-style:dotted dotted dotted dotted;border-width:1px;overflow:hidden;word-break:normal;border-color:black;text-align:left}
.tg .tg-lune{border-style:dotted dotted dotted dotted;border-width:1px;overflow:hidden;word-break:normal;border-color:black;text-align:center}
.tg .tg-dimanche{background-color:#cbcefb}
.tg .tg-samedi{background-color:#e1e2f0}
.tg .tg-ferie{background-color:#CC0066}
.tg .tg-va{border-style:dotted none dotted none;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-vb{border-style:dotted none dotted none;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-vc{border-style:dotted dotted dotted none;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-za{border-style:dotted none dotted dotted;border-width:1px;overflow:hidden;word-break:normal;border-color:black;background-color:#fe0000}
.tg .tg-zb{border-style:dotted none dotted none;border-width:1px;overflow:hidden;word-break:normal;border-color:black;background-color:#f8ff00}
.tg .tg-zc{border-style:dotted dotted dotted none;border-width:1px;overflow:hidden;word-break:normal;border-color:black;background-color:#009901}
.tg .tg-titre-tableau{font-weight:bold;background-color:#CC0066;color:#ffffff;border-color:inherit;text-align:center}
.tg .tg-numsemaine{border-style:dotted dotted dotted dotted;border-width:1px;overflow:hidden;word-break:normal;border-color:black;font-weight:bold;text-align:center}

@media screen and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}}

/* VACANCES SCOLAIRES */


/* LUNE*/
.tg .tg-pleinelune{border-style:dotted dotted dotted dotted;border-width:1px;overflow:hidden;word-break:normal;border-color:black;text-align:center;background-image: url("https://calendrier-facile.com/images/pleine-lune.PNG");background-repeat: no-repeat;background-position: center;}

.tg .tg-nouvellelune{border-style:dotted dotted dotted dotted;border-width:1px;overflow:hidden;word-break:normal;border-color:black;text-align:center;background-image: url("https://calendrier-facile.com/images/nouvelle-lune.PNG");background-repeat: no-repeat;background-position: center;}
.tg .tg-dq{border-style:dotted dotted dotted dotted;border-width:1px;overflow:hidden;word-break:normal;border-color:black;text-align:center;background-image: url("https://calendrier-facile.com/images/lune-dernier-quartier.PNG");background-repeat: no-repeat;background-position: center;}
.tg .tg-pq{border-style:dotted dotted dotted dotted;border-width:1px;overflow:hidden;word-break:normal;border-color:black;text-align:center;background-image: url("https://calendrier-facile.com/images/lune-premier-quartier.PNG");background-repeat: no-repeat;background-position: center;}

/* MOIS*/
.tg .tg-moisp{text-align:left;color:#333399;}
.tg .tg-moiss{text-align:right;color:#333399;}