* {
	margin: 0;
	padding: 0;
}


body {
	margin: 0px 0;
	background: url(images/fond-2.jpg) repeat-x #e5e2db;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3b3b3b;
}

h1, h2, h3 {
	font-weight: normal;
	color: #ed008c;
	font-family: Georgia,"New Times Roman";
	font-style:italic;
}

h1 { font-size: 182%; }
h2 { font-size: 18px;
border-bottom:1px dashed #ed008c; }
h3 { font-size: 100%; }

p, ul, ol {
	margin-bottom: 20px;
	line-height: 167%;
	font-size: 85%;
}

a:link {
	color: #00a0c6;
	
}

a:hover {
	
	text-decoration: none;
}
a:visited {
	color: #00a0c6;
}

#header {
	width: 870px;
	height: 200px;
	margin: 0 auto;
	background: url(images/fond1.png) no-repeat;
	
	
}

#logo {
	float: left;
	width: 240px;
	
	
}

#logo h1 {
	padding-top: 20px;
	text-align: center;
}

#logo h1 a {
	font-weight: normal;
	font-size: 24px; 
	color: #3B3B3B;
}

#logo h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 8px;
}

#logo h2 a {
	color: #B3A7A0;
}

#logo a {
	text-decoration: none;
}

#menu {
	float: right;
	width: 630px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 50px;
	padding: 30px 25px 0 25px;
	border-left: 1px solid #333333;
	text-decoration: none;
	font-size: 114%;
	color: #3B3B3B;
}

#menu a:hover {

	border-bottom: 4px solid #00a0c6;
}

#menu a:active {
	color: #ED2024;

}

#splash {
	width: 864px;
	height: 246px;
	margin: 0 auto;
	background: #f4f1ea;
}


table {
border-width:1px; 
border-style:solid; 
border-color:#f5f7ec;
background-color:#00a0c6;
width:540px;
}
td { 
border-width:0px;
border-style:solid; 
border-color:black;
background-color:#ffffff;
width:135px;
padding: 5px 10px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
color: black;
}
#page {
	width: 870px;
	margin: 0 auto;
	
	
}


#page h1, #page h2 {
	margin-bottom: 20px;
}
#page ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#page li {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dashed #CCCCCC;
}

#page h3 {
	height: 17px;
	padding: 0 10px;
	background: #3B3B3B url(images/img4a.gif) no-repeat;
	color: #FFFFFF;
}

#content {
	float: left;
	width: 540px;
	height: 100%;
	padding: 20px;
	
	
}
#content img{border-style: solid;
        border-width: 1px;
            border-color: #00a0c6}
#content a:link img{
border-style: solid;
        border-width: 1px;
            border-color: #00a0c6;    /* la bordure change de couleur lors du survol du lien */
            }			
#content a:hover img{
border-style: solid;
        border-width: 1px;
            border-color: #ed008c;    /* la bordure change de couleur lors du survol du lien */
            }

#content ol, #content ul {
	margin-left: 3em;
}

#sidebar {
	float: right;
	width: 250px;
	padding: 20px;
	background: url(images/fond-droit-2.jpg) no-repeat;
	
	
	
}

#sidebar h2 {
	padding-top: 6px;
	font-weight: normal;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dashed #CCCCCC;
}

#sidebar h3 {
	height: 17px;
	padding: 0 10px;
	background: #3B3B3B url(images/img4a.gif) no-repeat;
	color: #FFFFFF;
}
#sidebar img{border-style: solid;
        border-width: 1px;
            border-color: #3b3b3b}
#sidebar a:link img{
border-style: solid;
        border-width: 1px;
            border-color: #3b3b3b;    /* la bordure change de couleur lors du survol du lien */
            }			
#sidebar a:hover img{
border-style: solid;
        border-width: 1px;
            border-color: #ed008c;    /* la bordure change de couleur lors du survol du lien */
            }

			

#footer {
	clear: both;
	width: 860px;
	height: 50px;
	margin: 0 auto;
	marging-top: 10px;
	marging-right: 5px;
	padding-left: 5px;
	border-top: 5px solid #00a0c6;
	border-bottom: 1px dashed #00a0c6;
	
}


#footer p {
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 77%;
}

#legal {
	float: left;
}

#links {
	float: right;
}
#page-wrap						{ background: white; width: 960px; margin: 0 auto; 
								  padding: 50px 0; }

#slider							{ background: white url(../images/slider-bg.jpg); height: 227px; overflow: hidden;
								  position: relative; margin: 50px 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #ac0000; }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img						{ position: absolute; top: 20px; left: 400px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }