* {	height:auto; width:auto; padding:0px; margin:0px; }
body { margin:0px; background:url(images/bg.jpg) repeat-x white; font-family:arial; font-size:12px; }
h1 {
	color:#0169b2;
	font-size:12px;
	text-transform:uppercase;
	background:url(images/h1.png) no-repeat;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
}
h2 { color:#0169b2; font-size:24px; text-transform:uppercase; font-weight:bold; font-family:arial black;}
h3 { color:#a8101c; font-size:20px; text-transform:uppercase; font-weight:bold; font-family:arial black;}
h4 { color:#0169b2; font-size:16px; text-transform:uppercase; padding-top:7px; }


#header { width:898px; height:199px; background:url(images/header.jpg) no-repeat; margin:0 auto; }
#nav { font-weight:bold; width:488px; height:55px; background:url(images/ss_header.jpg) no-repeat center bottom; margin:0 auto; text-align:center; padding:5px 205px 0px 205px; }
.separ { width:8px; height:23px; float:left; margin:0 10px; background:url(images/separ.jpg) no-repeat; }
.btn { width:100px; height:18px; float:left; text-transform:uppercase; padding-top:2px; }
a.btn { text-decoration:none; color:#3fc1e3; }
a.btn:hover { text-decoration:none; color:#0169b2; }
#content { margin:0px auto 20px auto; width:898px; height:420px; }
#bottom { width:898px; height:25px; }
.bottom_cote { width:11px; height:25px; float:left; }
#bottom_centre { width:876px; height:25px; float:left; background:url(images/bottom_c.jpg) repeat-x; }
#cote_g {  width:25px; height:380px; float:left; background:url(images/gauche.jpg) no-repeat bottom; }
#cote_d {  width:25px; height:380px; float:left; background:url(images/droite.jpg) no-repeat bottom; }
#centre { padding:20px 20px; width:808px; height:380px; background:url(images/bottom.jpg) no-repeat bottom white; float:left }
#centre img {border:0px; }
#flashContent { width:810px; height:370px; }
 
.box1 {
	width:235px;
	height:153px;
	float:left;
	color:black;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-image: url(images/box1.jpg);
	background-repeat: no-repeat;
}
.box2 {
	width:150px;
	height:153px;
	float:left;
	color:black;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-image: url(images/box2.jpg);
	background-repeat: no-repeat;
}


.box {
	width:330px;
	height:153px;
	float:left;
	color:black;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-image: url(images/box3.jpg);
	background-repeat: no-repeat;
}
.box img { margin:5px 10px; border:0px;}

.bleu { color:#0169b2; }
a.mail { text-decoration:none; color:black; }
a.mail:hover { text-decoration:none; color:#0169b2; }

#footer { width:900px; margin:0 auto 0 auto; color:black; text-align:center; height:15px;  }
a.footer { text-decoration:none; color:#0169b2; }
a.footer:hover { text-decoration:underline; color:#0169b2; }


ul.crossfade {	padding: 0;	margin: 0;	list-style: none;	position: relative;}
#fade-example-1 li{	position: absolute;	top: 0;	left: 0;	width: 800px;	height: 179x;	background-color: #FFF;	visibility: hidden;}
li img {	display: block;	border: 3px solid #FFF;}
.example {	position: relative;	margin-bottom: 1em;	width: 800px;	height: 179px;}
.example-r {	position: relative;	background-color:#F2F2F2;	border:5px solid #CCCCCC;	padding:1em;	width: 700px;	margin-bottom: 1em;}
code {	font-family: monospace;	font-size: 1.2em;}
.control {	position: absolute;	z-index: 1;	cursor: pointer;	font-size: 2em;	font-weight: bold;	color:#F90;}
#fade-example-1-next {	text-align:center;	width:34px;	right: 2%;	top: 38%;}
#fade-example-1-previous {	text-align:center;	width:34px;	left: 4%;	top: 38%;}
.ajax {	margin: 3em;	border: 1em solid #FF8C00;	padding: 1em;}