/* @override 
	http://www.visartevaud.ch/visarte_2/wp-content/themes/visarte/style.css
*/



/* 
Enter WP Design & Creation Comments Here

*/

/*////////// GENERAL //////////*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #F0F0F0;
}

#container {
	width: 820px;
	margin:35px auto;
	
	text-align: left;
	background-image: url(images/visarte_wide.jpg);
	background-repeat: repeat-y;
	background-position: left 100px;
}

#container1 {
	margin:25px 0 0 0;
	}
	  
#mainContent {
	margin: 0  0 0 220px; 
	padding: 25px 40px 0 20px; 
	

}

#top_nav {
margin: 0  0 0 230px; 

}

#mainNav {
	
}

#recentNav{
	margin:25px 0 0 0;
	background-color:#FFF;}


.post_footer {
	margin:20px 0 20px 0 ;
	padding: 4px;
	background:#ffffcc;
	border-bottom: 1px solid #ffff07;
}



/*////////// TYPEOGRAPHY //////////*/
		
h1 {}



#mainContent h1 {
	font-size: 16px;
	text-transform: uppercase;
	margin: 0px 0px 3px 0px;
}

	
#mainContent h2 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
	}
		
#mainContent h3 {
	font-size:12px;
	margin-bottom:8px;
}
	
h4 {}

#post_footer {
	font-size:}


p {
	font-size: 11px;
	line-height: 15px;
	margin: 0px 0 15px 0;
	padding: 0px;
}
		
a {
	color: #505050;
	}

a:hover {
	color: #afb13e;
}
		
a:visited {}


#top_nav a {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color:#333333;
}

#top_nav a:hover {
	color: gray;
}
#sidebar1 h1{
	font-size:12px;
	padding:0;
	}


#mainNav li {
	
	margin: 0 0 10px 0;
	
	list-style-type: none;
	}

#mainNav li ul{

	font-size:11px;
	margin: 5px 0 5px 5px;
	padding:0;
}
#mainNav li ul a{
border: none;
}

#mainNav li a {
	padding:0 0 0 5px ;
	font-size: 12px;
	text-decoration: none;
	color: #646464;
	border-left: 2px solid gray;

}
#mainNav li a:hover {
	font-size: 12px;
	
	text-decoration: none;
	color: gray;
	border-left: 2px solid #ffff07;

}




/*////////// HEADERS //////////*/
#header {
	padding: 0 10px 0 20px;
	height:150px;
	background-image: url(images/visarte_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}


#header h1 {
	margin: 0; 
    padding: 10px 0;
}


	
#header p, #header h1, #header h2/**/ { 
   /*display: none;*/
}

/*////////// CONTENT //////////*/
#content {}
			
  
/*////////// SIDEBARS //////////*/
#mainNav ul {
margin: 0 0 0 0;
padding:0 0 0 20px:	
}

#sidebar1 {
		float: left;

    	width: 200px; 

    	background: #EBEBEB; 

    	padding:20px 0 20px 20px;
}




#sidebarRT {}


/*////////// NAV //////////*/

#top_navlist {}
  
#top_navlist{}

/*////////// BLOG ELEMENTS //////////*/

		
/*////////// FORMS //////////*/


/*////////// FOOTER //////////*/
#footer {
	padding: 0 0px 10px 40px;
	background-image: url(images/visarte_footer.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:50px;
}
		
#footer p {
	margin: 0;
    padding: 10px 0;
}
		
		
		
/*////////// IMAGES //////////*/		


/*////// FUN CLASSES ///////////*/
/*any little extra flares and fun design 
elements you want to add can go here*/


.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */

    	float: right;

    	margin-left: 8px;

    }

    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */

    	float: left;

    	margin-right: 8px;

    }

    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;

    }