/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {
	color: black;
	text-decoration: none;
}
a:hover {
	color: black;
	font-weight: bold; 
}

img{
	border: none;
}

body {
	background: #FFFFFF;	
	color: #000000;
}

.principal{
	background: url("img/fond/tuile_mauve.jpg") #D4B0EE;
	padding-top: 10px;
	font-family: "trebuchet MS";
	font-size: 13px;
}

p,code {
	font-size:1em;
	padding-top:1em;
}

h1 {
	font: bold 14px "Kristen ITC"; 
	margin-bottom:4px; 
	text-align: center;
}

h2 {
	font: bold 1.1em sans-serif;
}

h3 {
	font: bold 1.0em Tahoma,sans-serif;
}

form,input {
	margin: 0; 
	padding: 0; 
	display: inline;
}

h1, h2, h3 {
	color:black;
	margin-bottom: 4px;
}

/* structure */
.inner-container {
	margin: 0 auto;
	width: 1000px;
}

.outer-container {
	padding-bottom: 40px;
}

.divQuickLinks {
	background-image : url("img/fond/quickLinks.jpg");
	background-repeat: repeat-x;
	height: 40px;
}

.banniere{
	padding-bottom: 10px;
}

.divTitre{	
	text-align: center;
}

.imgAleat{
	text-align: center;
}

.divQuickLinks{
	padding-bottom: 10px;
}

.quickLinks{
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	font-family: "Kristen ITC";
	font-size: 14px;
	font-weight: bold;	
}

.quickLinks td {
	border: thin solid black;
	text-align: center;
}

.tooltip-content {
	display: none; /* required */
	position: absolute; /* required */
	border: thin solid lightgray;
	background-color: #FFFFCC;
	padding: 5px;
	z-index: 9999;
}

.tableContent{
	width: 100%;
	border-collapse: collapse;
}

.menu{	
	margin-right: 5px;
}

.contenu{
	background-color: #EDCBFE;
	margin-left: 5px;
	padding: 10px;
}

.contenu table{
	margin: auto;
	border-color:#D4A9EE;
	border-width:3;
	border-style:solid;
	border-spacing: 0px;
	border-collapse: collapse; 
}

.dynamique table {
	border-color:none;
	border-width:0;
	border-spacing: 3px;
	margin-top: 15px;
}

.contenu a, .contenu a:hover{
	color: #8C57AF;
}

.menuItem{
	width: 100%;
	background-color: #EDCBFE;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.menuTitre{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #D4A9EE;
	font-weight: bold;
	text-align: center;
	font-family: "Kristen ITC";
}

.menuLinks{
	margin-left: 40px;	
}

.menuLinks li{
	display: list-item;
	list-style-image: url("img/puceMenu.gif");
}

.compteur{
	width: 100%;
	text-align: center;
}

.compteur p{
	padding: 0;
}

.divGraphique{
	padding: 5px;
	text-align: center;
}

.tableau {
	border: medium solid #D4A9EE;
	border-collapse: collapse;
	margin: auto;
	width: 90%;
}

.tableau th {
	font: bold 12px "Kristen ITC";
	background-color: #D4A9EE;
	border: thin solid #D4A9EE;
	padding: 2px;
	text-align: center;
}

.tableau td {
	border: thin solid #D4A9EE;
	padding: 2px;
	text-align: center;
}

.tableauInvisible{
	border: none;
	margin: auto;
}

.tableauInvisible td{
	border: none;
	padding: 0px;
}

.statsRecords{
	padding-bottom: 5px;
}

.divArchivesStats{
	text-align: center;
}

.divInscriptionNewsletter{
	text-align: center;
	padding-bottom: 20px;
}

.divArchivesNewsletter{
	text-align: center;
}

.divPiedPage{
	width: 100%;
	text-align: center;
}

.divPiedPage a, .divPiedPage a:hover{
	color: #8C57AF;
}

.tablePopup{
	padding-left: 10px; 
	padding-right: 10px;
	width: 100%;
}

.menuArchives{
	background-color: #D4A9EE;
}

.divSeparation{
	padding: 10px;
}

.onglets{
	width: 90%;
	border: none;
	margin: auto;
	border-collapse: collapse;
}

.onglets th {
	height: 25px;
	vertical-align: bottom;
	padding-left: 1px;
	padding-right: 1px;
	cursor: pointer;
}

.onglets td {
	text-align: center;
}

.onglet{
	width: 100%;
	padding-top: 3px;	
}

.ongletShow{
	width: 100%;	
	padding-top: 3px;
	display: none;
}

.contenuComptines{
	margin-left: 1px;
	margin-right: 1px;
	padding: 5px;
}

.contenuColoriages{
	margin-left: 1px;
	margin-right: 1px;
	padding: 5px;
}

.ongletColor0{
	background-color: #FFB7FF;
}

.ongletColor1{
	background-color: #FFB782;
}

.ongletColor2{
	background-color: #CBE9FA;
}

.ongletColor3{
	background-color: #D2FFCE;
}

.ongletColor4{
	background-color: #FFFF99;
}

.ongletColor5{
	background-color: #FFCFA9;
}

.contenu blockquote{
	padding-left:20px;
}

.tableauDynamique{
	width: 100%;
	padding-top: 3px;ue
}

.case0{
	background-color: #D4A9EE;	
	text-align: center;
	padding-top: 10px;
}

.case1{
	background-color: #B466E1;	
	text-align: center;
	padding-top: 10px;
}

.titreDetailActivitesManuelles{
	width: 90%;
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: "Kristen ITC";
	font-size: 20px;
	text-align: center;
	margin: auto;
	background-color: #D4A9EE;
}

.sommaireDetailActivitesManuelles{
	text-align: center;	
}

.detailActivitesManuelles{
	width: 90%;	
	margin: auto;
}

.titreItemDetailActivitesManuelles{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: "Kristen ITC";
	font-size: 15px;
	text-align: center;
	margin: auto;
	background-color: #D4A9EE;
}

.titreItemDetailActivitesManuelles a:hover{
	font-weight: normal; 
}

.itemDetailActivitesManuelles{
	margin-top: 15px;
	background-color: #FFBFFF;
}

.itemDetailActivitesManuelles table{
	border: none;
}

.cadreActivitesManuelles{
	width: 142px;
	height: 46px;
	background: url("/images/images actvites manuelles/accueil/cadre.gif") no-repeat;
	text-align: center;
	font-weight: bold;
	color: #8C57AF;
	margin: auto;
	margin-top: 5px;
	margin-bottom: -5px;
	padding-top: 13px;
	cursor: pointer;
}