@charset "ISO-8859-1";
/* CSS Document */

body {
	font-size:12px;
	font-family: Verdana, Arial, Sans-Serif;
	background-color: #ACB5BF;
	color: #333333;
	text-align: center;
	margin: 0;
	padding: 0;	}


p { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#60718C;	}
	
/* Liens ******************************************/
a:link{color:#A36262; text-decoration: none;}
a:visited{color:#A36262; text-decoration: none;}
a:hover{color:#7A3231; text-decoration: none;}
a img{border:none; text-decoration: none;}
//a[hreflang]:after {content: "\0000a0[" attr(hreflang) "]"; color:#999; background:transparent;}

   #content {
	background: #FFFFFF url("http://www.villa-jean-jacques.com/img/none.png") repeat-y top; border: none;
	text-align: left;
	font-size: 1.1em;
	color: #333;
	width: 760px;
	padding: 0;
	margin: 20px auto;
		}
	
   #titre {
		 margin: 0 auto;
	     padding: 0;
	     height: 370px;
	     width: 100%;
	     font-size: 1em;
	font-family:"Arial";
		}
			
	#titre h1 {
		background: url("http://www.villa-jean-jacques.com/img/Villa-JeanJacques-Top.jpg") no-repeat bottom center;
	    width: 760px;
	    height: 358px;
	    margin: 0 auto;
	    position: relative;
	    z-index: 1;
	    font-size: 1em;
	    text-align: center;
		}
			
	#titre h1 a {
		color: #ffffff;
	    text-decoration: none;
	    text-align: left;
	    display: block;
	    position: absolute;
	    width: 700px;
	    left: 35px;
	    top: 350px;
		}
			
	#topMenu {
		padding: 0.2em;
		text-align: center;
		background-color:#ACB5BF;
		}
		
	#topMenu a, topMenu a:visited {
		color:#000000;
		font-size:10px;
		text-decoration:none;
		font-weight:bold;
		}
		
			
	#blocks {
		float: left;
		margin: 0px;
		width: 240px;  
		text-align: left;	
		background: #FFFFFF;
		}
		
	#blocks A:hover {
		text-decoration: none;
		} 
	 
.ColumnBox 
	    {
		margin: 10px 0px 0px 10px;
		background: #FFFFFF;
		line-height: 110%;
		padding: 0 3px 3px;
		letter-spacing: 0;
		}

	.ColumnBox h3 
		{
		color: #60718C;
		font-weight: bold;	
		margin-top:15px;
		margin-bottom:5px;
		} 

	.ColumnBox table, #blocks form 
	    {
		text-align: left;
	    margin: auto;
	    }

    .ColumnBox ul 
		{
		padding: 0; margin: 0; list-style: none
		}

    .oneliners ul 
		{
		margin: 0;
		padding: .1em .1em .1em .1em;
		}
 
        .ColumnBox li 
		{
		margin: 0; 
		padding: 0 0 .1em;
		text-align: left;
		}

        li.listeLiens {padding: 0 1em;}

        


	#main {
	    width: 460px; 
		font-size: 12px;
	    color: #4D5257;
	    background: transparent;
	    border-right: 1px dotted #CCCCCC;
	    float: left;
	    padding: 0 10px 0 30px;
	    margin: 0 0 0;
		text-align:left; 
		} 

	#main h2 {
		font-size: 12px;
		letter-spacing: 0em;
		color: #60718C;
		border-bottom: 1px solid #CCCCCC;
		padding-bottom: 2px;
		} 
		
	#main h3 {
	    font-size: 17px;
		margin-top: 10px;
		letter-spacing: 0em;
		color: #333333;
		margin: 15px 0 2px 0;
		padding-bottom: 2px;
		margin-bottom:10px;
		}

	#main .news h3 a { 
	    color:#A36262;
		}
		
	#main h4 {
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 100%;
		color: #333333;
		font-size: small;
		font-weight: normal;
		font-style:italic;
		}
		
	//#main li { list-style-type: none; }
			

	.news {
	clear:right;
	font-family: Verdana, Arial, Sans-Serif;
		} 
		
	.newsCmd {
		font-size: 85%;
		text-align: right;
		letter-spacing: 0;
		display: block;
	    }
		
	blockquote {
		border-left: 5px solid #ccc;
		margin-left: 1.5em;
		padding-left: 5px;
		}


	.image { 
		float:left;
		padding-right:10px;
		padding-bottom:10px;
		}

	.comment1, .comment2 {
		clear:right;
		padding:5px;
		font-size:85%;
  		line-height:150%;
		}
	.comment1 {
		border-left: 5px solid #ccc;
		}
	.newcomment {
		clear:right;
		padding:5px;
		border: 5px solid #bbb;
		}


	#suite {text-align: center; margin: 1em}
	#suite a {
		font-weight:bold;
		font-size:85%;
		}

	.calendarMonth
		{
	font-family:verdana, arial, sans-serif;
	color:#A36262;
	font-size:12px;
	font-weight:bold;
	line-height:110%;
	letter-spacing: 2px;
	padding:0px;
	text-align:center;
		}
	.calendarDayOfWeek
		{
	color:#7287A7;
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	line-height:100%;
	font-weight:bold;
	padding:0px;
		}
	.calendarDay
		{
	color:#4D595F;
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	line-height:100%;
	font-weight:normal;
	padding:0px;
		}
	.calendarDayLinked
		{
		color:#333333;
		border-bottom: 0px solid #CCCCCC;
		font-family: Verdana, Arial, sans-serif;
		font-size:11px;
		line-height:100%;
		font-weight:bold;
		padding:0px;   
		}
	.calendarDayToday, .calendarDayTodayLinked
		{
		color: #333;
		border:1px solid #CCCCCC;
		font-family: Verdana, Arial, sans-serif;
		font-size:11px;
		line-height:100%;
		font-weight:bold;
		padding:0px;   
		} 		

    #footer{
      background: url("http://www.villa-jean-jacques.com/img/VillaJeanJacquesFoot3.jpg") no-repeat bottom; border: none;
	  background-color: #000000;
	  padding: 5px 0px;
	  margin: 0 auto;
	  width: 760px;
	  clear: both;
	  text-align: center;
	  }


	#footer p {
		font-size: 70%;
		text-align: center;
		color: #000;
}

	acronym, abbr {cursor: help; border-bottom-width: 1px; border-bottom-style: dotted;}
	q {quotes: "\AB\2009" "\2009\BB" "\201C" "\201D" "\2018" "\2019";}
	pre {
		margin: 1em auto;
		border-left: 0.5em solid #ACB5BF;
		padding: 0.5em 1em;
		background-color: #ACB5BF; 	
		overflow: auto;
		width: 90%;
		}
	//pre br {display: none;}

#sbtop div {
       padding:10px;
	padding-top:0px;
       background-color:#ffffff;
       color:#000000;
	border:1px dotted #cccccc;
}

#sbtop a {
       color:#0000ff;
}

#sbtop h2 {
       padding:0px;
       margin-top:0px;
       background:#ffffff;
}
.wiki_no_link {
        border-bottom:1px dotted #;
}