body { font: 0.75em 'Simonetta', Lucida Grande, Lucida, Helvetica, Arial, sans-serif;	
	text-align: center;	
	margin: 0 20px 20px;	
	padding: 0;	
	background-image:url(https://tontonremy.com/ukulele/backacajou4_clair.png);	
	background-color:#3B73BE;	
	background-attachment:fixed;	
}
	a.type4  { font-family: 'Simonetta', Arial, serif; font-weight: 300; 
font-size: 120%; 
color: #000000;
text-decoration:none;}

a.type4:hover {
	background-image: url(https://tontonremy.com/ukulele/files/boutonvert_menu_uke.gif);
	background-repeat:no-repeat;
	background-position: 50% 75%;
font-color: white;
color: #FFFFFF; 
text-decoration:none;}

	
    .div-1 {
        background-color: #D8F7FE;
    }

    .div-2 {
        background-color: #FFCDFF;
    }

    .div-3 {
        background-color: #FBD603;
    }

	
	
@font-face {
font-family : 'Simonetta';
font-style : normal;
font-weight : 400;
src : url(https://fonts.gstatic.com/s/simonetta/v21/x3dickHVYrCU5BU15c4xdfoG.ttf) format('truetype');
}
H1 { font-family: 'Simonetta', Arial, serif; font-weight:400; 
line-height:30px; 
}

H2{ 
font-family: 'Simonetta', serif; font-weight: 400; 
line-height:30px; 
  } 

H3{ 
font-family: 'Simonetta', serif; font-weight: 100;
font-size: 180%; 
text-decoration:none;
line-height: 31px; 
} 

H4{ 
font-family: 'Simonetta';	
font-style : normal;	 font-weight: 100;	
font-size: 150%;	 line-height:22px; 
}

H5{ 
font-family: 'Simonetta', serif; font-weight: 120;
font-size: 150%; 
line-height:20px; 
text-decoration:none;
}

H6{ 
font-family: 'Simonetta', serif; font-weight: 120;
font-size: 120%; 
text-decoration:none;
line-height: 24px; 
}
F3{ 
font-family: 'Simonetta', serif; font-weight: 100;
font-size: 180%; 
text-decoration:none;
line-height: 25px; 
} 
.rolooverlistbase {
	display: inline-block;
	width: 50px;
	height: 20px;
	background-image: url(https://tontonremy.com/ukulele/partoches/files/bullevert.png);
	background-repeat:no-repeat;
	background-position: right;
}


.rolooverlistbase:active { 
	background-image: url(https://tontonremy.com/ukulele/partoches/files/bullejaune.png);
	background-repeat:no-repeat;
	background-position: left;
}


.rolooverlistbase:hover {
	background-image: url(https://tontonremy.com/ukulele/partoches/files/bullerose.png);
	background-repeat:no-repeat;
	background-position: left;
}
.rolooverlist {
	display: inline-block;
	width: 50px;
	height: 20px;
	background-image: url(https://tontonremy.com/ukulele/partoches/files/bullebleu.png);
	background-repeat:no-repeat;
	background-position: right;
}


.rolooverlist:active { 
	background-image: url(https://tontonremy.com/ukulele/partoches/files/bullejaune.png);
	background-repeat:no-repeat;
	background-position: left;
}


.rolooverlist:hover {
	background-image: url(https://tontonremy.com/ukulele/partoches/files/bullerose.png);
	background-repeat:no-repeat;
	background-position: left;
}
.rolooverlistjaune {
	display: inline-block;
	width: 50px;
	height: 20px;
	background-image: url(https://tontonremy.com/ukulele/partoches/files/bullejaune.png);
	background-repeat:no-repeat;
	background-position: right;
}


.rolooverlistjaune:active { 
	background-image: url(https://tontonremy.com/ukulele/partoches/files/bullerose.png);
	background-repeat:no-repeat;
	background-position: left;
}


.rolooverlistjaune:hover {
	background-image: url(https://tontonremy.com/ukulele/partoches/files/bullebleu.png);
	background-repeat:no-repeat;
	background-position: left;
}

.button1 {
  	background-color: #B289A6; /* parme */
  	border: none;
  	color: white;
  	padding: 5px 0px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 80%;
  	margin:2px 2px;
  	margin-left:0;
  	cursor: pointer; 
  	font-family: 'Simonetta', Arial, serif;
  	width:19%;
  }

.button2 {
	background-color: #DE7400;
	border: none;
  	color: white;
  	padding: 5px 0px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 80%;
  	margin: 0px 2px;
  	cursor: pointer; 
  	font-family: 'Simonetta', Arial, serif;
  	width:19%;
  } /* orange */
   
.button3 {
	background-color: #C4A562;
	border: none;
  	color: white;
  	padding: 5px 0px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 80%;
  	margin: 2px 2px;
  	cursor: pointer; 
  	font-family: 'Simonetta', Arial, serif;
  	width:19%;
  } 
  
  /* Red */ 
.button4 {
	background-color: #98A562; 
	border: none;
  	color: white;
  	padding: 5px 0px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 80%;
  	margin: 2px 2px;
  	cursor: pointer; 
  	font-family: 'Simonetta', Arial, serif;
  	width:19%;
  } /* amande */
  	 
.button5 {
	background-color: #8E95ED;
	border: none;
  	color: white;
  	padding: 5px 0px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 80%;
  	margin: 2px 2px;
  	margin-right: 0;
  	cursor: pointer; 
  	font-family: 'Simonetta', Arial, serif;
  	width:19%;
  }
/* @end */

.fff { font-family: 'Simonetta';	
font-style : normal;	 
font-weight: 100;	
font-size: 120%;	 
line-height:25px;	 
	}
	#pageHeader h1 { margin: 0;	font-family: 'Simonetta', Arial, serif;	 	 
	line-height:10px;	 

	font-size: 2
.5em;	
	color: #ffffff;	
	padding-left: 35px;	
	padding-top: 10px;	
	letter-spacing: -1px;	
}

.divh { 	
	Background-color: #D5C7B3;	
	 
	}


#pageHeader h2 { margin: 0; font-family: 'Simonetta', Arial, serif;	
	color: #dcbb90;	
	padding-left: 35px;	
	font-size: 2em;	
	letter-spacing: 2px;	
	line-height:60px;	 
	}

#contentContainer { margin-right: 8px;	
	width: 509px;	
	float: right;	
}

#contentContainer #content { padding: 0 30px 20px 13px;	
}
@media screen and (max-width: 480px) { 
#sidebarContainer { float: left;	
	width: 222px;	
}}

#sidebarContainer #sidebar { padding-right: 20px;	
	padding-left: 40px;	
	padding-top: 10px;	
}

#sidebarContainer 
.sideHeader { padding-top: 10px;	
	font-size: 1.5em;	
	font-weight: bold;	
	margin: 0;	
}

#footer { height: 51px;	
	background: no-repeat url(images/footer_sideleft_bg.png);	
	clear: both;	
font-family: 'Simonetta', serif;	 font-weight: 100;	
font-size: 150%;	 line-height:0px;	 
	}

#footer p { text-align: center;	
	padding-top: 25px;	
	margin: 0;	
}
.z { font-family: 'Simonetta';	
font-style : normal;	 font-weight: 100;	
font-size: 150%;	 line-height:22px;	 
	}


.z2 { font-family: 'Simonetta';	
font-style : normal;	 font-weight: 100;	
font-size: 150%;	 
	text-decoration:none;	
line-height: 25px;	 
	}

.z3 { font-family: 'Simonetta';	
font-style : normal;	 font-weight: 100;	
color:#ffffff;	
font-size: 130%;	 
	line-height: 0px;	 
	color:#ffffff;	
}

.z4 { font-family: 'Simonetta';	
font-style : normal;	 font-weight: 100;	
font-size: 140%;	 
	line-height:74px;	 
	color:#ffffff;	
opacity: 1;	
}
.z5 { font-family: 'Simonetta';	
font-style : normal;	 font-weight: 100;	
font-size: 150%;	 
	line-height:20px;	 	
opacity: 0.75;	
}

.rolooverpointvert{ display: inline-block;	
	width: 10px;	
	height: 36px;	
	background-image: url(https://tontonremy.com/ukulele/partoches/files/pointvert.gif);	
	background-repeat:no-repeat;	
	background-position: center;	
}

.rolooverpointvert:hover { background-image: url(https://tontonremy.com/ukulele/partoches/files/pointrose.png);	
	background-repeat:no-repeat;	
	background-position: 50% 75%;	
}

.rolooverpointvert:active { background-image: url(https://tontonremy.com/ukulele/partoches/files/pointjaune.png);	
	background-repeat:no-repeat;	
	background-position: bottom;	
}
#navcontainer {
margin-left: 19px;
font-family: 'Simonetta', Arial, serif; font-weight: 500; 
font-size: 120%; 
line-height:10pt; 
}

#navcontainer #current {font-family: 'Simonetta', Arial, serif; font-weight: 500; 
font-size: 120%; 
line-height:10pt;
	color: #ffffff;
}

#navcontainer #current:hover {
}

#navcontainer .currentAncestor {
	color: #4C3C2A;
}

/* Parent - Level 0 */

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

#navcontainer li {font-family: 'Simonetta', serif;
color: #4C3C2A;
}

#navcontainer a {font-family: 'Simonetta', serif;
	width: 198px;
	height: 40px;
	display: block;
	text-shadow: 0px 0px 0px #8A7A56;
	text-decoration: none;
	color: #4C3C2A;
	text-indent: 20px;
	padding-top: 12px;
}

body #navcontainer a {
	height: 28px;
}

#navcontainer a:hover {
}

#navcontainer a:active {
}

/* Child - Level 1 */

#navcontainer ul ul {'Simonetta', serif;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
}

#navcontainer ul ul li {'Simonetta', serif;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 5px;
	width: 190px;
}

#navcontainer ul ul a {'Simonetta', serif;
	padding-top: 5px;
	height: 21px;
	color: #333333;
	text-shadow: 0px 1px 0px #4C3C2A;
	width: 190px;
}

#navcontainer ul ul a:hover{
}

#navcontainer ul ul #current{
}

#navcontainer ul ul .currentAncestor {
}

/* Child - Level 2 */

#navcontainer ul ul ul { 'Simonetta', serif;
	margin-left: 30px;
	margin-top: 0;
	padding-top: 0;
}

#navcontainer ul ul ul li { 'Simonetta', serif;
}

#navcontainer ul ul ul a{ 'Simonetta', serif;
	width: 138px;
	background: none;
}

#navcontainer ul ul ul a:hover{ 
	background: none;
}

/* Child Level 3 */

#navcontainer ul ul ul ul { 'Simonetta', serif;
	display: none;
}

/* @end */