body {
}
.clear {
clear: both;
}

dt, dl, dd, ul, li {
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 0;
	background-color: #FFFFFF;
}

#menu {
	position : relative;
	left: 0px;
	background-attachment: fixed;
}
#header {
	background-color: #000000;
	width: 670px;
}
#marged {
	background-color: #FFFFFF;
	float: left;
}


#margeg {
	float: left;
	width: 100px;
	height: auto;
}

#smenu1, #smenu2, #smenu3, #smenu4 {
	position: absolute;
	left: 0;
	font-size: 0.7em;
	border-top: 1px solid gray;
	width: 400px;
}


.mentions {
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a {text-decoration: underline;
color: #222;
}
#container {
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	border: 1px solid black;
	background-color: #D8D9FC;
	
}

.text_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-top: 40px;
}
.text_box h1{
	font-size: 16px;
	font-weight: bold;
	background-color: #D8D9FC;
	padding-bottom: 10px;
	padding-top: 10px;
	margin: 15px;
	border: 1px solid;
	border-color: #CCCCCC;

	-moz-border-radius: 7px;
	text-align: center;

}
.text_box h2{
	font-size: 14px;
	font-weight: bold;
	background-color: #FFFFCC;
	padding: 10px;
	margin: 15px;
	border: 1px solid #CCCCFF;
	-moz-border-radius: 7px;
	

}
.text_box ul,li{
	font-size: 12px;
	background-color: #FFFFDD;
	margin: 15px;

	-moz-border-radius: 7px;
	color: #000000;
	

}
.text_box p{
	color: #000000;
	margin-left: 15px;
	font-size: 12px;
	margin-right: 15px;

}
.text_box table{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0033CC;
	text-align: center;
	text-decoration: none;
}
/* .text_box img{
	margin-right: 0px;
	margin-left: 0px;
	#float: left;
	margin: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	#padding-top: 25px;
}*/
.text_box_deco {
	background-color: #CDCDCD;
	border: 1px solid;
	border-color: #BEBEBE;
	margin-right: 12px;
	margin-left: 12px;
	-moz-border-radius: 10px;
}
.text_box_deco ul,li{

	-moz-border-radius: 7px
	background-color: #009966
	background-color: #003399
	font-size: 12px;
	font-size: 24px;
	margin: 15px;
	

}
.text_box_deco2 a:hover {
	text-decoration: underline;
	color: #3300FF;
	font-style: oblique;
	font-weight: bold;
}
.text_box_deco2 {
	background-color: #FFFFDD;
	margin-right: 12px;
	margin-left: 12px;
	border: 1px solid;
	border-color: #BEBEBE;

	-moz-border-radius: 10px;
}
.text_box_deco2 ul,li {
	font-size: 12px;
	margin: 15px;
	-moz-border-radius: 7px;
	list-style-type: none;
	} 
.img_r {
	margin-left:550px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.img_center {
	margin-left:250px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.img_l {
	margin-left:15px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.img_deco {
	border: 1px solid black;
	float: none;
}	
/*.text_box_deco2 img {
	
}*/
.text_box_deco2 {

}
#nav {
	margin:20px 0 80px 0;
	background-color: #00CCFF;
}

/* the styling */
#nav {
	float:left;
	padding-left:12px;
	width:632px;
	height:auto;
	position:absolute;
	background-color: #D8D9FC;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 12px;
	margin-bottom: 20px;
	font-weight: bold;
}

#nav .select, #nav .current {margin:0; padding:0; list-style:none; display:block;}

#nav li {display:inline; margin:0; padding:0;height:auto;}

#nav .select a,
#nav .current a {display:block; height: 22px; float:left; padding:0 0 0 3px;  text-decoration:none; font-size:12px; line-height:20px; white-space:nowrap; font-weight:normal; margin-left:5px;  border: 1px; }
* html #nav .select a, * html #nav .current a {width: 1px;}

#nav .select a b, 
#nav .current a b {height:100%; display:block; padding:0 9px 0 6px; color:#000; font-weight:normal;}

#nav .select a:hover, 
#nav .select li:hover a {
	border-color:#FFFFFF;
	cursor:default;
	background-position: 0 -75px;
	text-decoration: none;
}

#nav .select a:hover b, 
#nav .select li:hover a b {
	background-color: #FFFFCC;
}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:11px;}

#nav .current a {background-position:0 -75px; border-color:#6f9c6f;}
#nav .current a b {background-position:100% -75px; color:#ff0;}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {
	background-color: #D7FF9B;
}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#6f9c6f url(http://www.comcom-belves.fr/css_styles/dropline/sub_back_on.gif) top right no-repeat; color:#ff0;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {
	display:block;
	position:absolute;
	width:610px;
	top:21px;
	left:0;
	margin-top:1px;
	padding:0 0 0px 0;
	z-index:100;
	background-color: #FFFFCC;
	margin-left: 20px;
}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}
#nav .sub_active {display:block; position:absolute; width:750px; top:21px; left:0; margin-top:1px; padding:0 0 20px 0; z-index:10; color:#000;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; }

#nav .sub_active a {height:21px; float:left; text-decoration:none; line-height:20px; white-space:nowrap; font-weight:normal;}
#nav .sub_active a {height:21px; float:left; text-decoration:none; line-height:20px; white-space:nowrap; font-weight:normal;}
#nav .sub_active a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {
	display:inline;
	padding:0 20px;
	margin:0;
	font-size:12px;
	width:auto;
	white-space:nowrap;
	font-weight:normal;
	color:#000000;
}
/* galerie */
a, a:visited {color:#0099FF;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background: url(../img/belves_1.gif);}
a.slideb {background: url(../img/carves_1.gif);}
a.slidec {background: url(../img/cladech_1.gif);}
a.slided {background: url(../img/doissat_1.gif);}
a.slidee {background: url(../img/grives_1.gif);}
a.slidef {background: url(../img/larzac_1.gif);}
a.slideg {background: url(../img/monplaisant_1.gif);}
a.slideh {background: url(../img/sagelat_1.gif);}
a.slidei {background: url(../img/salles_1.gif);}
a.slidej {background: url(../img/stamand_1.gif);}
a.slidek {background: url(../img/stgermain_1.gif);}
a.slidel {background: url(../img/stpardoux_1.gif);}
a.slidem {background: url(../img/stefoy_1.gif);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

/* styling for LEFT gallery */
#container_left {position:relative; width:600px; height: 400px; background:#d1c8c3; border:1px solid #a49188; margin:1em auto;}
#container_left img {border:0;}
#container_left .thumbs {width:170px; position:absolute; left:0; top:2px;}
#container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top: 345px; left:175px; padding:5px; font-style:italic; color: #00008B;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #000;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:402px; height: 330px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_left h3 {
	clear:both;
	margin:0;
	padding-top:80px;
	padding-left:250px;
	width:300px;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:3em;
	font-weight:normal;
	color:#fff;
}
#container_left h3 em {font-size:0.6em; color:#000;
}

#footer {
	width: 770px;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-bottom: 20px;
	border: 1px solid;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	border-right-color: #003399;
	padding-top: 0px;
	margin-top: 5px;
	padding-bottom: 0px;
	border-color: #CCCCCC;
	background-image: url(../img/fondpage.jpg);
	position: absolute;
	height: 395px;
}
#footer h1  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #0099FF;
	line-height: 24px;
	text-align: center;
	margin-left: 0px;
	margin-right: 15px;

}
#footer p  {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0066FF;
	line-height: 15px;
	text-align: center;
	margin-left: 570px;
	margin-right: 15px;
	font-style: italic;
	margin-top: 220px;
}
#footer a:hover  {
	text-decoration: underline;
}
#footer a  {
	color: #339999;
}
#footer p.logo  {
	float: left;
	position: absolute;
	background-image: url(../img/logoCom5_1.gif);
	height: 70px;
	width: 70px;
	margin-bottom: 0px;
	margin-left: 75px;
	margin-right: 0px;
	margin-top: 60px;
}
#footer p.link  {
	margin: 0px;
	margin-top: 130px;
}
a.link {
	color: #99CC99;
}
#content {
	width: 670px;
	float: left;
	background-color: #D8D9FC;
}