@charset "iso-8859-1";

body {
margin:auto;
margin-top:0px;
font-family:Arial, Tahoma;
font-size:12px;
background-color:#e3e3e3;
text-align:justify;
}

h1 {
display:block;
margin-left:0px;
margin-right:0px;
font-size:23px;
font-family:Arial;
border-bottom:2px solid #0000DD;
color:#0000DD;
font-style:italic;
}

h2 {
margin-top:28px;
margin-bottom:5px;
}

h3 {
padding-left:20px;
margin-top:15px;
margin-bottom:5px;
background-image: url(images/puce1.png);
background-repeat:no-repeat;
background-position:0 1;
}

p {
margin-top:6px;
}

a {
font-weight:bold;
color:#0000DD;
}

table {
font-family:Arial, Tahoma;
font-size:12px;
text-align:center;
}

li {
margin-top:3px;
}

#top {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px solid #ccc;
	background: #303030;
	height: 100px; /* ie5win fudge begins */
	width:1030px;
	voice-family: "\}";
	voice-family:inherit;
	height: 250px;
	}
html>body #top {
	height: 250px; /* ie5win fudge ends */
	}

#middle {
    position: absolute;
	width: 630px;
	height:1200px;
	left:40px;
	top: 140px;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	border: 0px solid #ccc;
	background: #ffffff;
	}

#right {
    position: absolute;
	width: 279px;
	height:800px;
	left:721px;
	top: 250px;
	padding: 15px;
	border: 0px solid #ccc;
	background: #e3e3e3;
	}
	
#foot {
	position: absolute;
	margin: 0px 0px 0px 0px;
	top:1280px;
	padding: 120px 0px 30px 70px;
	color:#cccccc;
	font-size:13px;
	line-height:22px;
	border: 0px solid #ccc;
	background: #303030;
	width:960px;
	voice-family: "\}";
	voice-family:inherit;
	}

#logo {
position: absolute;
top:70px;
left:750px;
}

#logo-texte {
position: absolute;
top:107px;
left:815px;
color:#cccccc;
font-size:22px;
font-weight:bold;
}

#accueil {
position:absolute;
top:100;
left:40;
}

#prestations {
position:absolute;
top:100;
left:150;
}

#tarifs {
position:absolute;
top:100;
left:260;
}

#programme {
position:absolute;
top:100;
left:370;
}

#contact {
position:absolute;
top:100;
left:480;
}

#liens {
position:absolute;
top:100;
left:590;
}

#breves {
position:absolute;
top:785;
left:750;
width:207;
height:255;
background-image:url(images/breves.png);
padding-top:35;
padding-left:20;
padding-right:40;
padding-bottom:25;
color:white;
font-size:13;
font-weight:bold;
}

#breves a {
color:#FFFFFF;
}

#breves a:hover {
color:#DFDFDF;
}

.menu-principal {
width:110;
height:40;
padding-top:10px;
color:#FFFFFF;
text-align:center;
background-image:url(images/menu-principal-1.jpg);
text-decoration:none;
}

.menu-principal:hover {
background-image:url(images/menu-principal-2.jpg);
}


.titre-menu {
display:block;
margin-top:0px;
margin-left:15px;
margin-right:14px;
margin-bottom:0px;
padding-top:10px;
padding-left:12px;
padding-right:0px;
padding-bottom:4px;
background: #ffffff;
font-weight:bold;
font-size:16px;
color:#000077 ;
}	
	
.menu {
display:block;
margin-top:0px;
margin-left:15px;
margin-right:14px;
margin-bottom:0px;
padding-top:2px;
padding-left:26px;
padding-right:20px;
padding-bottom:10px;
background: #ffffff;
}

.menu a {
text-align:left;
text-decoration:none;
color:black;
}

.menu a:hover {
text-decoration:none;
color:#0000DD;
}

.titre-cadre {
font-weight:bold;
font-size:18px;
margin-bottom:0px;
padding-bottom:0px;
}

.ligne-cadre {
text-align:left;
margin-top:2px;
margin-left:0px;
margin-right:10px;
margin-bottom:3px;
padding-top:0px;
}

.image-cadre {
margin-top:15px;
margin-left:0px;
margin-right:0px;
margin-bottom:12px;
border: 0px solid #000000;
}

.cadre {
font-size:13px;
font-weight:bold;
}

.link-cadre {
font-size:13px;
font-weight:bold;
}

.titre-tableau {
text-align:center;
font-size:13px;
font-weight:bold;
background: #EEEEEE;
border: 1px solid #000000;
}

.tableau {
text-align:center;
font-size:13px;
background: #FAFAFA;
border: 1px solid #000000;
}

.exemple {
margin-top:6px;
margin-bottom:6px;
font-size:13px;
font-style:italic;
color:#770000;
}