body {
	background-color : #000000;
	color : #c0c0c0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 11px;
}
a {
	color : #ddd;
	text-decoration : underline;
	border-style : none;
}
a:hover {
	color : #fff;
	text-decoration : underline;
	border-style : none;
}
a.photo {
	border-style : none;
}
a.photo:hover {
	border-style : none;
}
a.miniature {
	display : block;
	width : 35px;
	height : 35px;
	border-width : 0px;
	color : #e4e0e7;
}

a.sombre {
	color : #545454;
	text-decoration : none;
}
a.sombre:hover {
	color : #777777;
	text-decoration : none;
}
a.menubas {
	color : #b0b0b0;
	text-decoration : none;
}
a.menubas:hover {
	color : #ffffff;
	text-decoration : none;
}





.sombre {
	color : #545454;
	font-size : 10px;
}
.formulaire {
	color : #dddddd;
	font-size : 11px;
}





#menu ul {
margin-left : 0;
padding-left : 0;
display : inline;
border : none;
color : #666666;
font-size : 9px;
}
#menu ul li {
margin-left : 0;
padding-left : 0;
border : none;
list-style : none;
display : inline;
}



div#site {
position : absolute;
overflow : hidden;
width : 750px;
height : 500px;
left : 50%;
top : 50%;
margin-top : -270px;
margin-left : -375px;
border-style : solid;
border-color : #eeeeee;
border-width : 1px;
background-image : url('images/fond.jpg');
background-position : left top;
background-repeat : no-repeat;
}

#site ul{
list-style-type : square;
padding-left : 20px;
margin-top : 0px;
margin-bottom : 10px;
}

#site ol{
padding-left : 20px;
margin-top : 0px;
margin-bottom : 10px;
}



#entete {padding:0px; margin:0px; width: 100%; border-width : 0px;}

#entete h1 {
font-family: "Trebuchet MS", verdana, sans-serif;
text-transform: uppercase;
text-align: left;
color: #fff;
font-size: 35px;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
#entete h2 {
font-family: "Trebuchet MS", verdana, sans-serif;
font-weight: lighter;
font-style: italic;
color : #fff;
font-size : 12px;
letter-spacing : 0.2em;
padding-left: 20px;
padding-top: 0px;
margin-top: 0px;
}

#entete a:link { color: #fff; text-decoration: none;}
#entete a:visited { color: #fff; text-decoration: none;}




#bas {
position : absolute;
overflow : hidden;
width : 750px;
height : 90px;
left : 50%;
top : 50%;
margin-top : 234px;
margin-left : -375px;
padding : 0;
text-align : center;
}



#cadregauche {
margin: 0px;
top: 70px;
position : absolute;
width : 80px;
height : 410px;
margin-left : 20px;
overflow : hidden;
text-align : center;
border-width : 0;
padding-top : 11px;
}
#cadregauche ul {
margin : 0;
padding-left : 10px;
border : none;
}
#cadregauche li {
margin : 0;
padding-bottom : 7px;
border : none;
list-style : none;
}
#cadregauche img {border: 0; width: 60px; height: 60px;}




#cadremilieu {
position : absolute;
padding : 0px;
margin: 0px;
margin-left : 118px;
top : 81px;
width : 505px;
height : 413px;
border-width : 0px;
}

#cadremilieu img{border-style : solid; border-color : #888; border-width : 0px; width: 500px; height: 333px; padding: 0px; margin: 0px;}



#cadremilieubas {
position : absolute;
margin-top : 0px;
top: 418px;
margin-left : 118px;
padding : 0px;
border-width : 0px;
width : 502px;
height : 77px;
overflow : auto;
text-align : justify;
}

#cadremilieubas h1 {
font-family: "Trebuchet MS", verdana, sans-serif;	
color : #f0f0f0;
font-size : 100%;
padding : 0;
margin-bottom : 3px;
text-align : left;
text-transform : uppercase;
letter-spacing : 0.3em;
}

#cadremilieubas p{margin:0px; padding: 0px;}



#cadredroite {
margin : 0px;
top: 80px;
position : absolute;
width : 105px;
height : 413px;
margin-left : 638px;
overflow : hidden;
}

#cadredroite img{border-width : 0px;  width: 35px; height: 35px;}

.cadredroitetable {
border-style:none;
border: 0px;
cellpadding: 2px;
border-collapse: collapse;
width: 100%;
}  




div#cadreaccueil {
	position : absolute;
	width : 410px;
	height : 173px;
	left : 50%;
	top : 50%;
	margin-top : -8px;
	margin-left : -208px;
	border-style : dashed;
	border-color : #bbbbbb;
	border-width : 1px;
	padding : 3px;
	text-align : justify;
	overflow : auto;
}

#cadreaccueil p {
	margin: 0px;
	padding: 0px;
	margin-top: 6px;
}

#cadreaccueil h1 {
	font-family: "Trebuchet MS", verdana, sans-serif;	
	text-transform : uppercase;
	text-align : center;
	letter-spacing : 0.3em;
	color : #f0f0f0;
	font-size : 10px;
	padding : 0;
	margin-top : 8px;
	margin-bottom : 5px;
}

#cadreaccueil h2 {
	color : #f0f0f0;
	font-size : 10px;
	letter-spacing : 0em;
	text-transform : uppercase;
	margin-top : 15px;
	margin-bottom : 4px;	
	padding: 0px;
}

#cadreaccueil h3 {
	color : #f0f0f0;
	font-size : 10px;
	letter-spacing : 0.1em;
}






div#cadreaccueilmenu {
	position : absolute;
	width : 450px; /* 60*x + 15*x */
	height : 60px;
	left : 50%;
	top : 50%;
	margin-top : 181px;
	margin-left : -206px; /* width/2 - 15 */ 
	border-width : 0;
	padding : 0px;
	overflow : hidden;
	
	
	border-style: solid;
	border-color: #fff;
	border-width: 0px;
}

div#cadreaccueilmenu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

div#cadreaccueilmenu li {
	margin-right:11px;
	float:left; /*pour IE*/
}

div#cadreaccueilmenu ul li a
{
	display:block;
	float:left;   
	width:60px;
	background-color:#000;
	color:black;
	text-decoration:none;
	text-align:center;
	padding:0px;
	border-width:0px;
}

div#cadreaccueilmenu img {
	border: 0; 
	width: 60px; 
	height: 60px;
}







div#cadreliens, #cadreforum {
	position : absolute;
	width : 692px;
	height : 330px;
	left : 50%;
	top : 50%;
	margin-top : -165px;
	margin-left : -355px;
	border-style : dashed;
	border-color : #bbbbbb;
	border-width : 1px;
	padding : 3px 8px;
	text-align : justify;
	overflow : auto;
}

#cadreliens h1{
	font-size : 12px;
	text-transform : uppercase;
	text-align : center;
	letter-spacing : 0.3em;
	font-family: "Trebuchet MS", verdana, sans-serif;
	padding-top : 5px;
	padding-bottom : 5px;
	color: #f0f0f0;
}

#cadreliens h2 {
	color : #f0f0f0;
	font-size : 10px;
	letter-spacing : 0em;
	text-transform : uppercase;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#cadreliens h2 a{text-decoration: none; }

#cadreliens h3 {
	color : #f0f0f0;
	font-size : 10px;
	letter-spacing : 0.1em;
	margin: 0px;
	padding-top : 4px;
	padding-bottom : 4px;
}

#cadreliens p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

#cadreliens .accroche { font-style: italic; margin-bottom: 15px; padding: 0px; padding-left: 5px; border-left: 8px solid #ddd; line-height: 14px;}

#cadreliens img {
	border:1px solid #ccc;
}

#tabliens h1 {
	padding : 0;
	text-align : left;
	text-transform : none;
	letter-spacing : normal;
}
#tabliens a {
	padding : 0;
	text-align : left;
	text-transform : uppercase;
	letter-spacing : normal;
}
#tabliens p {
	padding : 0;
	margin-top : 5px;
	text-align : justify;
}


#tabliens img {
	border : 1px;
	border-style : solid;
	border-color : #999;
}




#cadreforum {
	position : absolute;
	width : 692px;
	height : 330px;
	left : 50%;
	top : 50%;
	margin-top : -165px;
	margin-left : -355px;
	border-style : dashed;
	border-color : #bbbbbb;
	border-width : 1px;
	text-align : justify;
	overflow : auto;
	padding: 0 0 0 0;
}

#cadreforum ul, #cadreforum li {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 7px;
	margin: 0px;
}



#cadrechapitre {
position : absolute;
width : 485px;
height : 387px;
left : 50%;
top : 50%;
margin-top : -169px;
margin-left : -260px;
border-style : dashed;
border-color : #bbb;
border-width : 1px;
padding : 3px 10px;
text-align : justify;
overflow : auto;
}
#cadrechapitre h1 {
	font-size : 12px;
	text-transform : uppercase;
	text-align : center;
	letter-spacing : 0.3em;
	font-family: "Trebuchet MS", verdana, sans-serif;
	padding-top : 5px;
	padding-bottom : 5px;
	color: #f0f0f0;
}

#cadrechapitre h2 {
	color : #f0f0f0;
	font-size : 10px;
	letter-spacing : 0em;
	text-transform : uppercase;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#cadrechapitre h3 {
	color : #f0f0f0;
	font-size : 10px;
	letter-spacing : 0.1em;
	margin: 0px;
	padding-top : 4px;
	padding-bottom : 4px;
}

#cadrechapitre p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 8px;
}




.important { background: #eee none;  color: #000; border:6px solid #666; margin: 15px;padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px;}
















a.terres {
	display : block;
	width : 60px;
	height : 60px;
	background-image : url('images/terres.png');
}
a.terres:hover {
	visibility : visible;
}
a.terres:hover img {
	visibility : hidden;
}
a.nature {
	display : block;
	width : 60px;
	height : 60px;
	background-image : url('images/nature.png');
}
a.nature:hover {
	visibility : visible;
}
a.nature:hover img {
	visibility : hidden;
}
a.mer {
	display : block;
	width : 60px;
	height : 60px;
	background-image : url('images/mer.png');
}
a.mer:hover {
	visibility : visible;
}
a.mer:hover img {
	visibility : hidden;
}
a.architecture {
	display : block;
	width : 60px;
	height : 60px;
	background-image : url('images/architecture.png');
}
a.architecture:hover {
	visibility : visible;
}
a.architecture:hover img {
	visibility : hidden;
}
a.villages {
	display : block;
	width : 60px;
	height : 60px;
	background-image : url('images/villages.png');
}
a.villages:hover {
	visibility : visible;
}
a.villages:hover img {
	visibility : hidden;
}
a.pano {
	display : block;
	width : 60px;
	height : 60px;
	background-image : url('images/pano.png');
}
a.pano:hover {
	visibility : visible;
}
a.pano:hover img {
	visibility : hidden;
}
a.gastro {
	display : block;
	width : 60px;
	height : 60px;
	background-image : url('images/gastronomie.png');
}
a.gastro:hover {
	visibility : visible;
}
a.gastro:hover img {
	visibility : hidden;
}









.deux-colonnes {width: 100%; margin: 0 auto; padding: 0px; text-align: left;}
.deux-colonnes .colonne-une {float: left; width: 49%;}
.deux-colonnes .colonne-deux {float: right;	width: 49%;}
.deux-colonnes::after { clear:both; content:'.'; display:block; height:0; visibility:hidden; }