/*
     FILE ARCHIVED ON 6:50:00 Aug 4, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 7:53:58 Jan 5, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*---------------- BALISE GENERAL ----------------*/
* {
margin: 0;
}
html, body {
height: 100%;
}

body{
	background:#555555 url(/images/lecercle-fond_menu_230px_verso.png) repeat-y top left;
	margin:auto;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -35px;
}

header{
	display:block;
	height:229px;
	background: #635548 url(/images/lecercle-header_v0.3.png) no-repeat top left;
	box-shadow: 0 0 6px #000000;
	border-bottom: #726254 1px solid;
}

article{
	margin-left: 221px;
	font-family:verdana;
	font-size:small;
	width:auto;
}

h1{
	color:black;
	margin: 1% 0px 0px 40px;
	font-family:'Courier new', verdana;
	font-size:x-large;
}

h3{
	color:black;
	margin: 1% 0px 20px 40px;
	font-family:'Courier new', verdana;
	font-size:x-large;
}

h1:first-letter, h3:first-letter{
	color:#cf0000;
	font-size:xx-large;

}

h2{
	color:black;
	margin: 10px 20px 0px 00px;
	font-family:'Courier new', verdana;
	font-size:large;
}

p .carte{
	margin-bottom:10px;
}
ul{
	list-style-type: none;
}

footer, .push {
height: 35px;
}

footer{
	/*display:block;*/
	background: #635548 url(/images/lecercle-footer.png) no-repeat top left;
	box-shadow: 0 0 6px #000000;
	border-top: #726254 1px solid;
}

footer a{
	color:#c6b29f;
	text-decoration:none; 
}
footer a:hover{
	color:white;
}

iframe article{
	margin:auto;
}

table, tr{
	width:100%;
}

caption{
	color:#cbb7a4;
	background:#962e2e;
	margin:30px 0px 10px 0px;
}

a{
	color:#c6b29f;
}
a:hover{
	color:white;
}
/*---------------- BALISE ID ----------------*/



#menu{
	width:180px;
	padding: 30px 0 0 40px;
	float:left;
	}
#menu a{
	font-family:'Just Me Again Down Here', verdana;
	font-size: x-large;
	color:black;
	text-decoration:none; 
		-webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
	transition: color 0.5s;
}
#menu li a:hover{
	color:#cf0000;
		-webkit-transition: color 0s;
    -moz-transition: color 0s;
    -o-transition: color 0s;
	transition: color 0s;

}
#menu li a:active {
	color:white;
}

#adresse{
	margin:50px 20px 10px -15px;
}

#fb{
	width: 150px;
	text-align:center;
	font-size:normal;
	font-family:'Just Me Again Down Here', verdana;

}

#f_left, #f_right{
	font-family:verdana;
	font-size: x-small;
	color:black;
	text-decoration:none; 
}

#f_left{
	float:left;
	margin:10px 0px 0px 20px;
}

#f_right{
	float:right;
	margin:10px 20px 0px 0px;
}

#ci{
font-size:normal;
}

#map{
	margin-bottom:0;
	padding:0;
	width:96%;
}

#map1{
	float:left;
	margin: 30px 2% 0px 2%;
}
#map2{
	float:left;
	margin: 30px 2% 0px 0%;
}

#map1, #map2{
		box-shadow: 0 0 6px #000000;
}

/*---------------- BALISE CLASS ----------------*/

.fb-like{
float:right;
	margin:20px 20px 0px 0px;
}
.corps{
	background: #5c5c5c;
	color:white;
	width: 92%;
	margin: 0% 2% 2% 2%;
	padding:2%;
	border-top:black 1px solid;
	border-bottom:black 1px solid;
	text-align:justify;
}
.gauche{
	float:left;
	width:47%;
	min-width:200px;
	margin: 2% 0% 2% 2%;
}

.droite{
	color:white;
	float:left;
	width:47%;
	min-width:200px;
	margin: 2%;
}

.gauche60{
	float:left;
	width:57%;
	min-width:200px;
	margin: 2% 0% 2% 2%;
}

.droite40{
	float:left;
	width:37%;
	min-width:200px;
	margin: 2%;
}

.bloc{
	background: #5c5c5c;
	color:white;
	margin: 2% 0% 2% 0%;
	padding:2%;
	border-top:black 1px solid;
	border-bottom:black 1px solid;
	text-align:justify;
}

.illustration{
	margin-top: 5%;
}

#img_maxwidth{
	max-width:80%;
}


.illustration, #gallery img, .aperçu{
	border: white 1px solid;
	box-shadow: 0 0 6px #000000;
}

.aperçu{
	margin:10px;
}

#gallery{
	margin:40px auto;
}

#gallery img{
	width:200px;
	height:200px;
	margin: 6px;
}

#gallery ul{
	margin:0;
	padding:0;
	text-align:center;
}

#gallery ul li{
	display:inline-block;
}

.center, .pages, .color{
	text-align:center;
}

.color{
	border-bottom:black 1px solid;
}

.clear{
	clear:both;
}

.prix, .right{
	text-align:right;
}

.small{
	font-size:xx-small;
}
.detail{
	color:#C6B29F;
	font-size:x-small;
	margin-left:10px;
}

.l2{
	color:black;
}

.annee{
	width:70px;
	text-align:left;
}

.verres{
	width:50px;
	text-align:right;
}

.grey_hover {
	opacity:0.6;
	-webkit-transition:0.5s;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}

.grey_hover:hover{
	opacity:1;
	-webkit-transition:0s;
    -moz-transition:0s;
    -o-transition:0s;
	transition:0s;
}