body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
}
td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
}
body {
	background-color: #4489CD;
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	margin:14px 0 10px;
	font-weight: bold;
	color: #CC0066;
	text-decoration: none;
	text-align:left;
}
h3{
text-align:left;
font-size: 1.3em;
	margin:0px 0 10px;
}
h4{
	font-size: 0.9em;
	font-weight: normal;
	margin: 4px;
}
p{
text-align:justify;
margin:10px 0 10px 0;
}
#main {
	width: 760px;

	background-color: #FFFFFF;
	
}
#colleft {
	float: left;
	width: 155px;
	display: block;
	padding-top: 15px;
	background-color: #FFFFFF;
}
#centrum {
	width: 604px;
	float: left;
	display: block;
	background-color: #FFFFFF;
}
#maincontent {
	margin: 19px;
	padding: 0px;
	width: 520px;
	float: left;
	background-color: #FFFFFF;
	display: block;
}
#maincontent li{
text-align:left;
}

#bottom {
	width: 760px;
	background-color: #B3E2C0;
}
#colleft ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

#colleft li {
	list-style-type: none;
}

.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #003399;
	text-decoration: none;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #CC0066;
	text-decoration: none;
}
.texte02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #003399;
	text-decoration: none;
	text-align:justify;
}
.justify p{
text-align:justify;
}
.slogan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #336600;
}
.slogan02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #336600;
}
.mail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #CC0066;
	text-decoration: none;
}
.liens:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000099;
	text-decoration: none;
}
.liens {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #CC0066;
	text-decoration: none;
}
.lienstemp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #CC0066;
	text-decoration: none;
	text-align:left;
}
.lienstemp02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #CC0066;
	text-decoration: none;
	text-align:left;
}
a.lienstemp:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #000099;
	text-decoration: none;
}.webdesign {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}a.webdesign:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #000099;
	text-decoration: none;
}
.webdesign02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}a.webdesign02:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #000099;
	text-decoration: none;
}
a.mail:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000099;
	text-decoration: none;
}
.butoff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000099;
	text-decoration: none;
}
.titreform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.88em;
	font-style: normal;
	font-weight: bolder;
	color: #CC0066;
	text-decoration: none;
}
.inscription {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #CC0066;
	text-decoration: none;
}
a.inscription:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000099;
	text-decoration: none;
}
.send {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.send:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	color: #FFFFCC;
	text-decoration: none;
}
.texte_v {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.63em;
	font-weight: normal;
	color: #CC0066;
	text-decoration: none;
}
a.texte_v:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.63em;
	font-weight: normal;
	color: #0033CC;
	text-decoration: none;	
}
.avertissement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.63em;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.template {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.63em;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
}
a.template:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color:#CC0066;
	text-decoration: none;
}
.sommaire {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#FF6600;
	text-decoration: none;
}
.sommaire02 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#FF6600;
	text-decoration: none;
	font-size:.8em;
}
a.sommaire02:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#CC0066;
	text-decoration: none;
}
a.sommaire:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#CC0066;
	text-decoration: none;
}
a.choix:hover {
	font-weight: normal;
	color: #CC0066;
	text-decoration: none;
}
.textechoix{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color: #CC0066;
	text-decoration: none;
}
.choose {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	font-weight: normal;
	color:#CC0066;
	text-decoration: none;
}
a.choose:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color:#FF6600;
	text-decoration: none;
}
.choose_ {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	color:#FF6600;
	text-decoration: none;
}

#menu_top li {
	display: inline;
	list-style-type: none;
	margin-right: 7px;
}
#menu_top ul {
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/arrondi02.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #B3E2C0;
	width: auto;
	height: 15px;
}

#liens li {
	margin-top: 6px;
}
/* couleur page agenda a supprimer */

.atelier65, .atelier101, .atelier128, .atelier15{
color:#660066;
font-weight:bold;
font-size:0.8em;
}
.atelier73, .atelier81, .atelier89, .atelier97, .atelier106, .atelier116, .atelier124, .atelier133, .atelier141, .atelier149, .atelier157, .atelier56, .atelier64, .atelier165, .atelier106, .atelier48{
color:#339999;
font-weight:bold;
font-size:0.8em;
}
.atelier75, .atelier83, .atelier91, .atelier99, .atelier118, .atelier126, .atelier135, .atelier143, .atelier151, .atelier159, .atelier3, .atelier42, .atelier50, .atelier58, .atelier67 {
color:#FF33CC;
font-weight:bold;
font-size:0.8em;
}
.atelier82, .atelier90, .atelier98, .atelier107, .atelier117, .atelier125, .atelier134, .atelier142, .atelier150, .atelier158, .atelier2, .atelier7, .atelier11, .atelier14, .atelier49, .atelier57, .atelier66, .atelier74{
color:#FFCC00;
font-weight:bold;
font-size:0.8em;
}
.atelier88, .atelier95, .atelier104, .atelier115, .atelier122, .atelier131, .atelier140, .atelier147, .atelier155, .atelier163, .atelier1, .atelier6, .atelier10, .atelier13, .atelier17, .atelier47, .atelier54, .atelier63, .atelier71, .atelier79{
color:#33CC66;
font-weight:bold;
font-size:0.8em;
}
.atelier84, .atelier92, .atelier100, .atelier111, .atelier119, .atelier127, .atelier136, .atelier144, .atelier152, .atelier160, .atelier43, .atelier51, .atelier59, .atelier68, .atelier76{
color:#FF0033;
font-weight:bold;
font-size:0.8em;
}
.atelier94, .atelier102, .atelier112, .atelier120, .atelier129, .atelier138, .atelier145, .atelier153, .atelier162, .atelier5, .atelier9, .atelier12, .atelier16, .atelier44, .atelier52, .atelier60, .atelier70, .atelier77, .atelier85{
color:#0033FF;
font-weight:bold;
font-size:0.8em;
}
.atelier4 {
color:#FF6600;
font-weight:bold;
font-size:0.8em;
}
.atelier8 {
color:#663300;
font-weight:bold;
font-size:0.8em;
}
.atelier18, .atelier19, .atelier20, .atelier21, .atelier22, .atelier23, .atelier24, .atelier25, .atelier26, .atelier27, .atelier28, .atelier29, .atelier30, .atelier31, .atelier32, .atelier33, .atelier34, .atelier35, .atelier36, .atelier37, .atelier38, .atelier39, .atelier40, .atelier41, .atelier108, .atelier109, .atelier110, .atelier166, .atelier167, .atelier168{
color:#FF9900;
font-weight:bold;
font-size:0.8em;
}
.atelier45, .atelier46, .atelier53, .atelier55, .atelier61, .atelier62, .atelier69, .atelier72, .atelier78, .atelier80, .atelier86, .atelier87, .atelier93, .atelier96, .atelier103, .atelier105, .atelier113, .atelier114, .atelier121, .atelier123, .atelier130, .atelier132, .atelier137, .atelier139, .atelier146, .atelier148, .atelier154, .atelier156, .atelier161, .atelier164{
color:#660066;
font-weight:bold;
font-size:0.8em;
}