body { background:#F1F34C url(images/crans-trans4.gif) no-repeat;margin:0;padding:0;font-family:"Century Gothic",sans-serif;
line-height:1em;font-size:1em;}

.titre { color:#ff9933;font-family:Georgia,sans-serif;}
h1.titre a,h1.titre:hover, h1.titre:visited{ color:#ff9933;font-family:Georgia,sans-serif;}

img {
border: 0;
}

img.img-75 {
border: 0;
width:75px;
height:56px;
}

img.img-150 {
border: 0;
width:150px;
height:113px;
}

img-500 {
border: 0;
}


p { 
font-size: 100%; 
text-align:left;
}

p.petit { 
font-size: 70%; 
font-style: italic;
}
p.center { 
text-align:center;
}

h1 { 
font-size: 120%; 
}

h2 { 
font-size: 100%; 
}
h3 { 
font-size: 100%; 
}
h4 { 
font-size: 100%; 
}
.blanc { 
background-color: #FFFFFF; 
}
.gris { 
background-color: #EEEEEE; 
}

.gauche { 
text-align:left;
}

.centre { margin-left: 25%; margin-right: 25%; }

table { 
border: 0px solid black;
}

td { padding: 11px 20px 20px 11px; 
border-top: 1px solid black; 
border-right: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;
 }

ul { margin-top: 10px; margin-bottom: 10px; margin-left: 0; padding-left: 1em; }

li { margin-bottom: 10px }

.tableintro
{ 
width:50%;
background: #EEEEEE;
 border: 1px solid black;
border-top: 0px solid black; 
border-right: 0px solid black;
border-left: 0px solid black;
border-bottom: 0px solid black; 
}

	/* mootools css */
#vertical_slide, #horizontal_slide {

	padding: 10px;

}
div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}