body {
	font-family: Arial, Helvetica, sans-serif;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
}

tr{
	font-size:15px;

}

img { 
border: 0 none; 
}


/* ###################### HyperLien ###################### */


a.menutop
{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	padding:0 0 5 12px;
		
}
a.menuselec{
	color:#ffcc66;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	padding:0 0 5 12px;
		
}


a.menutop:visited
{
	color:#FFFFFF;
}

a.menutop:hover
{
	color:#ffcc66;
	text-decoration:none;
	
}

a.tailletextsmall
{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
}

a.tailletextsmall:hover
{
	color: #336699;
	text-decoration:none;
}

a.tailletextmoyen
{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	text-decoration:none;
}

a.tailletextmoyen:hover
{
	color: #336699;
	text-decoration:none;
}

a.tailletextgrand
{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
}

a.tailletextgrand:hover
{
	color: #336699;
	text-decoration:none;
}

a.menubottom
{
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	padding:0 0 5 15px;
		
}

a.menubottomselec{
	color:#336699;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	padding:0 0 5 12px;
		
}

a.menubottom:visited
{
	color:#FFFFFF;
}

a.menubottom:hover
{
	color:#336699;
	text-decoration:none;
	
}
a.plansite
{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
	background-color:#336699;
	text-align:center;
	padding:5px 64px 4px 15px;		
}

a.plansite:hover
{
	color:#ffcc66;
	text-decoration:none;
	
}
a.atelier
{	
	font-weight:bolder;

}


a.blog
{
	color:#336699;
	text-decoration:none;
}


/*Liens utiliser pour la pafge d'accueil pour le site visite facile*/
a.facile{
/*
	border-style:solid;
	border-width:1px;
	border-color:#336699;
*/

	padding: 10 45 45 45px;

	
	width:260px;
	
	font-family:"Comic Sans MS";
	font-size:25px;
	font-weight:bolder;
	text-align:center;
	text-decoration:none;
	
	position:relative;
 	left:40px;
	top:-280px;

	color:#FFFFFF;
	
}

a.facile:hover{
/*
	border-style:solid;
	border-width:1px;
	border-color:#336699;
*/
	
	padding: 10 45 45 45px;
	
	width:260px;
	
	font-family:"Comic Sans MS";
	font-size:25px;
	font-weight:bolder;
	text-align:center;
	text-decoration:none;
	
	position:relative;
 	left:40px;
	top:-280px;
	

	color:#336699;
	
}

a.savoir{
/*	
	border-style:solid;
	border-width:1px;
	border-color:#336699;
*/
	

	width:270px;
	padding: 10 45 45 45px;
	
	font-family:"Comic Sans MS";
	font-size:25px;
	font-weight:bolder;
	text-align:center;
	text-decoration:none;
	
	position:relative;
 	left:180px;
	top:-280px;
	color:#FFFFFF;



}

a.savoir:hover{
/*
	border-style:solid;
	border-width:1px;
	border-color:#336699;
*/

	width:270px;
	padding: 10 45 45 45px;
	
	font-family:"Comic Sans MS";
	font-size:25px;
	font-weight:bolder;
	text-align:center;

	
	position:relative;
 	left:180px;
	top:-280px;

	color:#336699;



}





/*Titre: utiliser pour les titres des nouvelle*/
.titre_nouvelle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bolder;
	text-align:center;
	text-decoration:underline;
	padding: 10 45 45 45px;
	color:#000000;

}


/*Utiliser pour le menu de gauche ecran principal*/
.menu_gauche
{
	border-style:solid;
	border-width:1px;
	border-color:#336699;
	font-size:11px;
	color:#000000;
	background-color:#dadcde;
	text-align:center;
}


.menu_droite
{
	border-style:solid;
	border-width:1px;
	border-color:#336699;
	font-size:11px;
	color:#000000;
	height:50px;
	background-image:url(image/coordonnees.JPG);
	text-align:center;

}


.menu_top
{
	border-style:solid;
	border-width:1px;
	border-color:#336699;
	font-size:14px;
	color:#000000;
	background-color:#dadcde;
	text-align:center;

}


/*Classe utiliser pour les nouvelles de la page main*/
.menu_nouvelle
{
	font-family: ITC Bookman Demi;
	border-style:solid;
	border-width:1px;
	border-color:#336699;
	font-size:14px;
	text-align:center;
	color:#fca518;
	background-color:#336699;
}

.menu_header
{
	border-style:solid;
	border-width:1px;
	border-color:#336699;
	font-size:11px;
	font-weight: bold;
	text-align:center;
	color:#FFFFFF;
	background-color:#336699;
}

.text_photo
{	
	text-valign:top;
}

.photo_gauche
{
	border-style:solid;
	border-width:1px;
	border-color:#336699;
	background-color:#dadcde;

}


/*Utiliser pour le texte contenu sur la page principale*/
/* Texte principale Le texte des pages est défini içi */
.texte_princ
{
	border-style:solid;
	border-width:1px;
	border-color:#336699;
	font-size:14px;
	color:#000000;
	background-color:#FFFFFF;

}

.horaire_atelier
{
	/*top:120px;
 	left:140px;*/
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-width:1px;
	border-color:#336699;
	font-size:14px;
	width:200px;
	height:120px;
	background-image:url(image/Calque.jpg)
}

.copyright
{
	font-size:10px;
	width:620px;
	color:#FFFFFF;
	background-color:#4073B4;
	text-align:center;

}



.titrecours
{
	font-size:14px;
	color:#0d5ab0;
	
}

.cadre_atelier
{

	border-style:solid;
	border-width:1px;
	border-color:#336699;
	font-size:14px;
	color:#000000;
	position:inherit;
	
}

.albumphoto
{
	font-size:10px;
	width:620px;
	color:#FFFFFF;
	background-color:#4073B4;
	text-align:center;
	position:absolute;

}