body {
	background-color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #004A99;
	
}

h1{
	font-weight:bold;
	font-size:1em;
	margin:0;
}

.msgError{
	color:#993333;
}

.msgOk{
	color:#33CC33;
}


input[type=text],
input[type=password],
textarea
{
 /* border-color: #e9e9e9 #360 #360 #ebebeb;*/
  border:#5275AA solid 1px;
  color:#004A99;
}

input[type=submit]{
 /* border-color: #e9e9e9 #360 #360 #ebebeb;*/
	border-color:#BBBBBB #DDDDDD #DDDDDD #BBBBBB;
  background-color: #004A99;
  color: #fff;
  font-weight: bold;
}

label{
	display:block;
	width:146px;
	float:left;
}

.star{
	color:#CC0033;
}

.checklist li { background: none; padding-left: 0; }
		
		/* CSS for checklists */
		.checklist {
			border: 1px solid #ccc;
			list-style: none;
			height: 13.5em;
			overflow: auto;
			width: 16em;
		}
		.checklist, .checklist li { margin-left: 0; padding: 0; }
		.checklist label { display: block; padding-left: 25px; text-indent: -25px;width:auto;float:inherit; }
		.checklist label:hover, .checklist label.hover { background: #777; color: #fff; }
		* html .checklist label { height: 1%; }
/* Checklist 2 */
	.cours {
		background: #FFFFCC;
		/*color: #D1DCC5;*/
		font-family: Tahoma, Geneva, Arial, sans-serif;
		width: 74%;
	}
	.cours input { vertical-align: baseline; }
	.cours label { border-bottom: 1px solid #5387C6; padding: 0.4em 0.4em 0.4em 26px;  }
	.cours label:hover, .cl2 label.hover { background: #5387C6; color: #ffffff; }

.element_menu{
height:30px;
background-image:url(images/fondongletclaire.jpg); 
text-align:center;
width:128px;
text-decoration:none;
}

.element_menu_select{
height:30px;
background-image:url(images/fondongletfonce.jpg); 
text-align:center;
width:128px;
text-decoration:none;
}

.element_menu:hover{
background-image:url(images/fondongletfonce.jpg); 
}

a{
	text-decoration:underline;
	color:#003166;	
}
a:hover{
	text-decoration:none;
	color:#003166;	
}

.element_menu a{
	text-decoration:none;
	color:#004A99;
}

.element_menu_select a{
	text-decoration:none;
	color:#004A99;
}

/*.element_menu a:link { 
background-image:url(images/fondongletclaire.jpg); 
text-decoration:none;
display:block;
}
.element_menu a:visited { 
background-image:url(images/fondongletclaire.jpg); 
text-decoration:none;
display:block;
}
.element_menu a:hover { 
background-image:url(images/fondongletfonce.jpg);
text-decoration:none;
display:block;
}
.element_menu a:active {
background-image:url(images/fondongletclaire.jpg); 
text-decoration:none;
display:block;
}*/


.bandeau{
 position:relative;
 width:900px;
 height:180px;
 margin: 0 auto;
 left:0px;
float:left;
}

.centre{
 position:relative;
 width:880px;
 height:auto;
 float:left;
 left:0px;
  margin: 0 auto;
clear:both;

}

.menu{
 position:relative;
 width:270px;
 height:340px;
float:left;
 /*left:20px;*/
  /*margin: 0 auto;*/
/*clear:both;*/ 
}


.contenu{
 width:610px;
 height:auto;
/*padding-left:290px;*/
float:right;
text-align:left;
margin-top:6px;


}
/*.menu{
 position:relative;
 width:270px;
 height:328px;
float:left;
 left:20px;
  margin: 0 auto;
clear:both; 
}


.contenu{
 width:610px;
 height:auto;
padding-left:290px;
float:none;
text-align:right;
border:#339900 solid 1px;

}*/

.bas{
 position:relative;
 width:870px;
 height:108px;
 margin: 0 auto;
 left:60px;
 clear:both;
 background-image:url(images/barrebasdepage.jpg);
 background-repeat:repeat-x;
 background-position:bottom;
 bottom:0;
 float:left; 
}

.logo{
	position:relative;
	background-image:url(images/logo.jpg);
	width:228px;
	height:174px;
	 float:left;
	 left:28px;
}

.image{
 position:relative;
 width:630px;
 top:40px;
 left:40px;
	float:left;
} 

.boite_news{
width:610px;
background-image:url(images/morceauongletclaire.jpg);
}
.boite_news{
padding-left:18px;
padding-right:18px;
padding-top:18px;
padding-bottom:18px;

}
.boite_cours{
padding-left:14px;
padding-right:14px;
padding-top:14px;
padding-bottom:14px;
text-align:center;
background-image:url(images/morceauongletclaire.jpg);
width:200px;
height:70px;

}

.boite_prof{
padding-left:14px;
padding-right:14px;
padding-top:14px;
padding-bottom:14px;
text-align:center;
background-image:url(images/morceauongletclaire.jpg);
width:200px;
height:100px;
}

.boite_galerie{
padding-left:6px;
padding-right:6px;
padding-top:6px;
padding-bottom:6px;
text-align:left;
background-image:url(http://www.ginadance.ch/images/morceauongletclaire.jpg);
width:180px;
height:200px;
}

.boite_image{
padding-left:6px;
padding-right:6px;
padding-top:6px;
padding-bottom:6px;
text-align:left;
border:#FC3 solid 1px;
width:170px;
height:120px;
background-image:url(http://www.ginadance.ch/images/morceauongletclaire.jpg);
}
a.lienGAUCHE {
	color: #FF3300;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a:hover.lienGAUCHE {
	color: #FF9900;
	text-decoration: none
	font-size: 12px;
}