body {
margin : 0;
padding : 0;
height : 100%;
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
line-height : 16px;
background-color : #a7997e;
top : 10px;
color : #000000;
text-align : left;
}
a {
border-style : none;
color : #333333;
text-decoration : none;
font-size : 0.9em;
}
a img {
border-style : none;
}
dl, dt, dd, ul, li {
margin : 0;
padding : 0;
list-style-type : none;
}
h1 {
	font-size : 1.3em;
	color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	line-height : 120%;
	margin-bottom : -8px;
	margin-top : 20px;
	text-align : left;
}
h2 {
font-size : 1.1em;
color : #000;
font-weight : bold;
line-height : 130%;
background-position : bottom;
}
h3 {
font-size : 0.9em;
color : #444444;
font-weight : bold;
line-height : 140%;
background-position : bottom;
}
#conteneur {
width : 750px;
margin-left : auto;
margin-right : auto;
background-color : #dedece;
position : relative;
height : 500px;
margin-top : 10px;
}
#conteneurfille {
width : 100%;
background-color : #dedece;
position : relative;
float : left;
top : 210px;
}
#baniere {
position : absolute;
width : 744px;
height : 130px;
background-repeat : no-repeat;
top : 0;
border : 2px solid #ffffff;
background-image : url(image/haut.jpg);
background-repeat : no-repeat;
left : 0;
}
#bloc_orange {
font-family : Arial, Helvetica, sans-serif;
font-size : 0.8em;
width : 100%;
background-color : #f6f2e4;
left : 0;
float : left;
margin-bottom : 10px;
top : 0;
}
#bloc_orange a {
color : #222222;
text-decoration : none;
}
#bloc_orange a:hover {
text-decoration : underline;
background-color : #fa4506;
color : #ffffff;
}
#fil a:hover {
text-decoration : underline;
background-color : #f90;
color : #fff;
}
#fil {
padding : 5px 0 0 30px;
width : 70%;
float : left;
}
#date {
color : #000000;
float : right;
width : 20%;
position : relative;
}
#fil ul {
padding-left : 0;
display : inline;
border : none;
margin-left : 0;
}
#fil ul li {
border : none;
list-style : none;
display : inline;
font-weight : bold;
margin-left : 0;
color : #444444;
}
#fil-gen ul li:before {
content : "\0020 \0020 \0020 \00BB \0020";
color : #ff9;
}
#fil-gen ul li.premier:before {
content : " ";
}
#bloc {
top : 138px;
width : 740px;
position : absolute;
left : 0;
color : #ffffff;
}
#menu {
position : relative;
left : 5px;
width : 100%;
}
#menu dl {
width : 12em;
margin : 0 2px;
background-color : #333333;
float : left;
}
#menu dt {
cursor : pointer;
text-align : center;
border : 1px solid gray;
color : #ffffff;
font-weight : bold;
font-size : 0.9em;
}
#menu dd {
border : 1px solid gray;
}
#menu li {
text-align : center;
background-color : #666666;
}
#menu li a, #menu dt a {
color : #ffffff;
text-decoration : none;
display : block;
height : 100%;
border : 0 none;
font-size : 0.9em;
font-weight : bold;
}
#menu li a:hover, #menu dt a:hover {
background-color : #ff8800;
}
.colcentre, .colcentre1, .colcentre2 {
	padding : 0 10px 10px 10px;
	background-color : #eceae5;
	margin : 2px 0 10px 10px;
	float : left;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #746b5d;
}

.colcentre {
	width : 355px !important;
	width : 50px;
	margin : 10px 0px 10px 15px;
}

.colcentre1 {
width : 670px;
margin : 20px;

}

.colcentre2 {
	float : left;
	margin : 20px;
}
.colcentre h3, .colcentre1 h3, .colcentre2 h3 {
font-size : 0.9em;
color : #333;

margin-bottom : 10px;
text-align : justify;
border-bottom-width : thin;
border-bottom-style : solid;
border-bottom-color : #ff6633;
padding-bottom : 10px;
}
.colcentre img {
float : left;
top : 50px;
margin : 10px 10px 10px 0;
}
#plan {
width : 82%;
text-align : right;
padding : 5px;
}
.thumb {
top : 0;
position : relative;
width : 100%;
float : left;

}
.thumb a {
margin : 0px;
width : 165px;
text-decoration : none;
float : left;
font-weight : bold;
}
.thumb img {
float : left;
margin-bottom : 20px;
margin-top : 10px;
margin-right : 10px;
margin-left : 10px;
width : 140px;
height : auto;
}
.thumb a:hover {
margin : 0;
text-decoration : none;
display : block;
float : left;
}
.thumb a .grand {
display : block;
position : absolute;
}
.thumb a:hover .grand {
position : absolute;
top : 140px;
width : 300px;
left : 360px;
margin-top : 130px;
border : thin solid #333333;
}
#pano {
top : 10px;
color : #000;
width : 100%;
float : left;
height : auto;
position : relative;
}
#service {
top : 10px;
color : #000;
padding : 3px;
width : 45%;
float : left;
height : auto;
position : relative;
margin-right : 11px;
margin-left : 15px;
}
#service img {
float : left;
margin : 8px 10px 10px 0;
}
.pan a {
	display : block;
	float : left;
	font-weight : bold;
	text-align : center;
}

.pan {
float : left;
width : 200px;
text-align : center;
margin-left : 8px;
margin-right : 8px;
margin-bottom : 20px;
} 
.pan img {
float : left;
width : 200px;
text-align : center;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 20px;
margin-top : 10px;
}
#pano a:link {
color : #43371c;
text-decoration : none;
font-weight : bold;
text-align : center;
}
#pano a:visited {
color : #990000;
text-decoration : none;
font-weight : bold;
}
#pano a:hover {
color : #990000;
text-decoration : none;
font-weight : bold;
border-top-width : thin;
border-right-width : thin;
border-bottom-width : thin;
border-left-width : thin;
border-top-color : #ff6633;
border-right-color : #ff6633;
border-bottom-color : #ff6633;
border-left-color : #ff6633;
}
#pano a:active {
color : #990000;
text-decoration : none;
font-weight : bold;
}
.colgauche a:link {
color : #333;
text-decoration : underline;
}
.colcentre a:link, .colcentre2 a:link {
color : #900;
text-decoration : underline;
}
.colgauche a:visited, .colcentre a:visited, .colcentre2 a:visited {
color : #900;
}
.colgauche a:hover, .colcentre a:hover {
text-decoration : underline;
background-color : #f90;
color : #fff;
}
.colgauche a:active, .colcentre a:active {
color : #ffcc00;
text-decoration : underline;
background-color : #ff0000;
}
.colcentre2 a:hover {
color : #333333;
text-decoration : none;
}
.colgauche {
width : 350px;
float : right;
}
.colgauche p {
font-size : 1em;
color : #ffffff;
background-color : #cc0033;
padding : 3px;
text-align : center;
margin-top : 1px;
width : 100%;
}
.col {
position : relative;
width : 45%;
height : auto;
float : left;
text-align : center;
margin : 0 8px 5px 5px;
}
.titre {
position : relative;
visibility : visible;
width : 100%;
text-align : center;
font-weight : bold;
margin-bottom : 1px;
height : 2.5em;
vertical-align : middle;
padding-top : 5px;
}
div#foot {
height : 50px;
clear : both;
}
div#footfille {
bottom : 0;
left : 0;
width : 100%;
height : 3em;
line-height : 2.8em;
text-align : center;
border-top-width : 2px;
border-top-style : solid;
border-top-color : #a52a2a;
}
#foot a:link, #foot a:visited {
text-decoration : none;
font-size : 0.8em;
text-align : left;
display : inline;
border-top-width : thin;
margin-right : 10px;
font-weight : bold;
}
#foot a:active {
text-decoration : underline;
}
#foot a:hover {
text-decoration : underline;
background-color : #f90;
color : #fff;
}
#firefox {
float : left;
width : 70%;
margin-left : 20px;
font-size : 0.7em;
font-weight : bold;
margin-top : -5px;
}
#firefox img {
height : 40px;
float : left;
margin : 5px 10px 5px 5px;
}
#w3 {
width : 20%;
border : 0;
float : right;
margin-right : 20px;
}
#w3 img {
height : 31px;
float : right;
margin : 0 5px 5px 5px;
}
div#footannuaires {
height : 50px;
clear : both;
}
div#footfilleannuaires {
bottom : 0;
left : 0;
width : 100%;
height : 3em;
line-height : 2.8em;
text-align : center;
border-top-width : 2px;
border-top-style : solid;
border-top-color : #a52a2a;
}

main
{
}