body {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	/*background-color: white;*/
	COLOR : #000000;
}
/*div {
	background-color: white;
}*/
div.meCache {
	display:none
}
div.meMontre {
	display:inline
}

header
{
    background-color: #fafafa;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

header h1
{
    font-family: 'Trebuchet MS', 'BallparkWeiner', serif;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0 0 0 10px;
}

header h2
{
    font-family: 'Trebuchet MS', Dayrom, serif;
    font-size: 1.1em;
    margin-top: 0px;
    font-weight: normal;
}

#menuToggle
{
  display: block;
  position: relative;
  top: -20px;
  left: 50px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a
{
  text-decoration: none;
  color: #232323;
  
  transition: color 0.3s ease;
}

#menuToggle a:hover
{
  color: tomato;
}


#menuToggle input
{
  display: block;
  width: 35px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 200px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 155px;
  
  background: #fafafa;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 16Spx;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}

#titre_principal
{
    display: flex;
    flex-direction: column;
	justify-content: center;
	align-items: center;
}
#logo
{
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

#logo img
{
    width: 59px;
    height: 60px;
}


/*nav ul
{
    list-style-type: none;
    display: flex;
}

nav li
{
    margin-right: 15px;
}

nav a
{
    font-size: 1.3em;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;
}

nav a:hover
{
    color: #FF0000;
    border-bottom: 3px solid #AA0001;
}
*/
#conteneur
{
	display: flex;
	flex-wrap: wrap-reverse;
	justify-content: center;
	align-items: center;
}

section
{
    display: flex;    
    border: 1px solid blue;
    vertical-align: top;
}

/* Footer */

footer
{
    display: flex;
    /*background:  url('images/ico_top.png') no-repeat top center, url('images/separateur.png') repeat-x top, url('images/ombre.png') repeat-x top;*/
	justify-content: center;
	align-items: center;
    /*padding-top: 25px;*/
}

.site-footer {
	background: #efefef;
}

footer p, footer ul
{
    font-size: 0.8em;
}

footer h1
{
    font-size: 1.1em;
}


#tweet
{
    width: 28%;

}

#mes_photos
{
    width: 35%;

}

#mes_amis
{
	display: block;
    width: 100%;
	justify-content: center;
}

#mes_photos img
{

	border: 1px solid #181818;
    margin-right: 2px;
}


#listes_amis
{
    display: flex;
/*    justify-content: space-between;*/
    margin-top: 0;
}

/*
#mes_amis ul
{
    list-style-image: url('images/ico_liensexterne.png');
    padding-left: 2px;
}
*/
#mes_amis a
{
    text-decoration: none;
    color: #760001;
}

TD {
	FONT-SIZE: 1px; FONT-FAMILY: verdana
}
TD.sudokuCellA {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 19px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 35px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "comic sans ms","arial"; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}
TD.sudokuCellF {
	BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 19px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 35px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "comic sans ms","arial"; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}
TD.sudokuCellB {
	BORDER-RIGHT: #999999 2px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 19px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 35px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "comic sans ms","arial"; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}
TD.sudokuCellG {
	BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 19px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 35px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "comic sans ms","arial"; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}
TD.sudokuCellC {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 19px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 35px; BORDER-BOTTOM: #cccccc 0px solid; FONT-FAMILY: "comic sans ms","arial"; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}
TD.sudokuCellH {
	BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 19px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 35px; BORDER-BOTTOM: #999999 2px solid; FONT-FAMILY: "comic sans ms","arial"; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}
TD.sudokuCellD {
	BORDER-RIGHT: #999999 2px solid; BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 19px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 35px; FONT-FAMILY: "comic sans ms","arial"; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}
TD.sudokuCellI {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 19px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 35px; FONT-FAMILY: "comic sans ms","arial"; HEIGHT: 35px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px; cursor:pointer
}


TD.sudokuCellJ {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 19px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 35px; BORDER-BOTTOM: #999999 2px solid; FONT-FAMILY: "comic sans ms","arial"; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}
TD.sudokuCellJp {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 10px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 35px; BORDER-BOTTOM: #cccccc 2px solid; FONT-FAMILY: "comic sans ms","arial"; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}
TD.sudokuCellK {
	BORDER-RIGHT: #999999 2px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 19px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 35px; BORDER-BOTTOM: #999999 2px solid; FONT-FAMILY: "comic sans ms","arial"; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}
TD.sudokuCellKp {
	BORDER-RIGHT: #cccccc 2px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 10px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 35px; BORDER-BOTTOM: #cccccc 2px solid; FONT-FAMILY: "comic sans ms","arial"; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}

TD.sudokuCellAp {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 10px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 35px; CURSOR: default; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "comic sans ms",cursive; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}
TD.sudokuCellFp {
	BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 10px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 35px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "comic sans ms",cursive; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}
TD.sudokuCellBp {
	BORDER-RIGHT: #cccccc 2px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 10px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 35px; CURSOR: default; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "comic sans ms",cursive; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}
TD.sudokuCellGp {
	BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 10px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 35px; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "comic sans ms",cursive; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}
TD.sudokuCellCp {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 10px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 35px; CURSOR: default; BORDER-BOTTOM: #cccccc 0px solid; FONT-FAMILY: "comic sans ms",cursive; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}
TD.sudokuCellHp {
	BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 10px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 35px; BORDER-BOTTOM: #cccccc 2px solid; FONT-FAMILY: "comic sans ms",cursive; HEIGHT: 35px; TEXT-ALIGN: center; cursor:pointer
}
TD.sudokuCellDp {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 35px; CURSOR: default; FONT-FAMILY: "comic sans ms",cursive; HEIGHT: 35px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px; cursor:pointer
}
TD.sudokuCellIp {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 10px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 35px; FONT-FAMILY: "comic sans ms",cursive; HEIGHT: 35px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px; cursor:pointer
}
TD.sudokuCellBigA {
	BORDER-RIGHT: #FFFFFF 3px solid; BORDER-TOP: #bbbbbb 0px solid; BORDER-LEFT: #bbbbbb 0px solid; BORDER-BOTTOM: #FFFFFF 3px solid
}
TD.sudokuCellBigB {
	BORDER-RIGHT: #bbbbbb 0px solid; BORDER-TOP: #bbbbbb 0px solid; BORDER-LEFT: #bbbbbb 0px solid; BORDER-BOTTOM: #FFFFFF 3px solid
}
TD.sudokuCellBigC {
	BORDER-RIGHT: #FFFFFF 3px solid; BORDER-TOP: #bbbbbb 0px solid; BORDER-LEFT: #bbbbbb 0px solid; BORDER-BOTTOM: #bbbbbb 0px solid
}
TD.sudokuCellBigD {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
TD.sudokuSelectorOn {
	BORDER-RIGHT: #00BB00 1px solid; BORDER-TOP: #00BB00 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 18px; BORDER-LEFT: #00BB00 1px solid; WIDTH: 35px; CURSOR: pointer; BORDER-BOTTOM: #00BB00 1px solid; FONT-FAMILY: "comic sans ms","arial"; HEIGHT: 35px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
TD.sudokuSelectorOff {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; FONT-SIZE: 18px; BORDER-LEFT: #888888 1px solid; WIDTH: 35px; CURSOR: pointer; BORDER-BOTTOM: #888888 1px solid; FONT-FAMILY: "comic sans ms","arial"; HEIGHT: 35px; BACKGROUND-COLOR: #f8f8f8; TEXT-ALIGN: center
}
TD.sudokuSelectorOn2 {
	BORDER-RIGHT: #D72D36 1px solid; BORDER-TOP: #D72D36 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 18px; BORDER-LEFT: #D72D36 1px solid; WIDTH: 35px; CURSOR: pointer; BORDER-BOTTOM: #D72D36 1px solid; FONT-FAMILY: "comic sans ms","arial"; HEIGHT: 35px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}

TD.txtrebours {
	COLOR: #888888; BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; FONT-SIZE: 12px; BORDER-LEFT: #cccccc 0px solid; WIDTH: 200px; CURSOR: default; BORDER-BOTTOM: #cccccc 0px solid; FONT-FAMILY: "comic sans ms","arial"; HEIGHT: 20px; TEXT-ALIGN: left; BACKGROUND-COLOR: #FFFFFF;
}
TD.reboursa {
	COLOR: #d72d36; 
	BORDER-RIGHT: #cccccc 0px solid; 
	BORDER-TOP: #cccccc 0px solid; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 20px; 
	BORDER-LEFT: #cccccc 0px solid; 
	WIDTH: 100px;
	CURSOR: default; 
	BORDER-BOTTOM: #cccccc 0px solid; 
	FONT-FAMILY: verdana,"comic sans ms",cursive, Sydnie; 
	HEIGHT: 44px; 
	TEXT-ALIGN: center; 
	VERTICAL-ALIGN:middle; 
	BACKGROUND-COLOR: #FFFFFF;
}

TD.rebours {
	COLOR: #FFFFFF; 
	BORDER-RIGHT: #cccccc 0px solid; 
	BORDER-TOP: #cccccc 0px solid; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 16px; 
	BORDER-LEFT: #cccccc 0px solid; 
	WIDTH: 100px;
	CURSOR: default; 
	BORDER-BOTTOM: #cccccc 0px solid; 
	FONT-FAMILY: verdana,"comic sans ms", Sydnie, cursive; 
	HEIGHT: 44px; 
	TEXT-ALIGN: center; 
	VERTICAL-ALIGN:middle; 
	BACKGROUND-COLOR: #EE3F97;
	BACKGROUND-IMAGE: url(winmac/Image3a.gif);
}

TD.rebours1 {
	COLOR: #FFFFFF; 
	BORDER-RIGHT: #cccccc 0px solid; 
	BORDER-TOP: #cccccc 0px solid; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1px; 
	BORDER-LEFT: #cccccc 0px solid; 
	WIDTH: 100px;
	CURSOR: default; 
	BORDER-BOTTOM: #cccccc 0px solid; 
	FONT-FAMILY: Sydnie,"comic sans ms",cursive; 
	HEIGHT: 6px; 
	TEXT-ALIGN: center; 
	VERTICAL-ALIGN:middle; 
	BACKGROUND-COLOR: #FFFFFF;
	BACKGROUND-IMAGE: url(winmac/Image3b.gif);
}

TD.pause {
	COLOR: #FFFFFF; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	WIDTH: 300px;
	CURSOR: default; 
	FONT-FAMILY: verdana,"comic sans ms",cursive; 
	HEIGHT: 43px; 
	TEXT-ALIGN: center; 
	VERTICAL-ALIGN:middle; 
	BACKGROUND-IMAGE: url(winmac/Image2b.gif);
	CURSOR: pointer;
}

TD.pause1 {
	COLOR: #FFFFFF; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1px; 
	WIDTH: 300px;
	CURSOR: default; 
	FONT-FAMILY: "comic sans ms","arial"; 
	HEIGHT: 6px; 
	TEXT-ALIGN: center; 
	VERTICAL-ALIGN:middle; 
	BACKGROUND-IMAGE: url(winmac/Image2c.gif);
}


A:link {
  text-decoration: underline;font-weight: bold; COLOR :#000000 
}
A:visited {
  text-decoration: underline;font-weight: bold; COLOR :#000000 
}
 A:hover {text-decoration: underline; color: #d72d36;}