@charset "UTF-8";
/* CSS Document */





BODY {
	font-size:14px;
	font-family: 'Lato', sans-serif;
	z-index: 0;
}
td {
	font-size:14px;
	color : #000000;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
}


a{	padding:2px 5px;
text-decoration: none;
	color: #000000;
}

#teaser a {
    color:#999;
    padding: 0 0 10px 0;
	margin:0;
    text-decoration: none;
}

.teaseritem_title_feed_1  {display:none}


a.blue:hover {
	text-decoration: none;
	color:#00CCFF;
	padding:2px 5px;
}

a.green:hover {b
	text-decoration: none;
	color:#33CC66;
	padding:2px 5px;
}
a.red:hover {
	text-decoration: none;
	color:#FF9966;
	padding:2px 5px;
}
a.mail{
	padding:0;
}
a.mail:hover {
	text-decoration: none;
	color:#FF9966;
	padding:0;
}

table, td {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	overflow: visible;
	color: #000000;
}

/*===============================================*/
/* cases principales                             */
/*===============================================*/

#contenu .contenu {
	width: 900px;
	height: 650px;
}

#cadretotal {
	position: relative;
	margin: 0;
	padding: 0;
	width: 900px;
	height: 650px;
	background-color: #FFFFFF;
}

#cadre {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 900px;
	height: 650px;
	overflow: hidden;
	z-index:1;
}

#liste{
	position: relative;
	top: 100px;
	left: 0px;
	width: 900px;
	height: 400px;
	overflow: hidden;
	z-index:1;
}


#toile{
	position: relative;
	top: 0px;
	left: 150px;
	z-index: 2;
	height:600px;
	width: 600px;
}

#gallery {
	position: absolute;
	top: 125px;
	left: 0px;
	z-index: 2;
	height:360px;
	width: 900px;
}


/*===============================================*/
/* Tableau général et menu en fonction du menu   */
/*===============================================*/

#contenant {
	position: absolute;
	left: 50%;
	height: 100%;
	top:0;
	width: 900px;
	margin-left: -450px;
}


#tcontenant {
	height: 100%;
}

#contenant .middle {
	height: 100%;
	width: 100%;
	vertical-align: middle;
}

/*===============================================*/
/* Logo , boutons, liens texte                      */
/*===============================================*/


		#enter2 {
		z-index:4;
		width:350px;
		z-index: 12;
		position: relative;
		line-height: 25px;
		font-size:125%;
		float: left;
	}

	#teaser {
		z-index:4;
		width:200px;
		z-index: 12;
		position: relative;
		float: left;
		font-family: 'Lato', sans-serif;
		font-weight:100;
		margin-top:-35px;
	}

		
	#enter{
		padding-top: 25%;
		visibility:hidden;
				}


	#enter2 ul{
		margin:0 auto;
		padding:0 5px;
		width:420px
	}
	#enter2 ul.top {padding:5px 0}
	#enter2 ul li{	
		padding: 2px 0;
		list-style:none

	}

	#enter2 ul p{
		display:block;	

	}
	#enter2 ul.links {padding:20px 0 0 0
		}
	#enter2 ul.links li{
		display:inline
			}
			#enter2 ul.links li a{
				padding:0;
					}