@charset "UTF-8";

/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	color:#000000;
	font-family: 'trebuchet ms', arial, verdana, helvetica, sans-serif;
	font-size: 14px;
}


div .block.black {
	background-color: #333333;
	width: 100%;
	height: 10px;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0; /* center, not in IE5 */
	width:100%;
	background:#ffffff;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
}

div#content {
	padding:10px 10px 50px 28px; /* bottom padding for footer */
}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#F0F0F0;
	text-align: center;
	color: #A3A3A3;
	font-size: 12px;
}

	
.navigation {
	float: right;
	width: 610px;
	text-align: right;
	margin-top: 5px;
}

.navigation li {
	float: left;
	padding: 0;
	list-style: none;
	height: 100px;
	cursor: pointer;
}

.navigation li:hover {
	background-color: #333333;
}

.accueil {
	background-image: url(../img/gif/accueil.gif);
	background-repeat: no-repeat;
	width: 120px;
}

.accueil:hover {
	background-image: url(../img/gif/accueil_b.gif);
}

.accueilActive {
	background-image: url(../img/gif/accueil_b.gif);
	background-color: #333333;
}

.activites {
	background-image: url(../img/gif/activites.gif);
	background-repeat: no-repeat;
	width: 120px;
}

.activites:hover {
	background-image: url(../img/gif/activites_b.gif);
}

.activitesActive {
	background-image: url(../img/gif/activites_b.gif);
	background-color: #333333;
}

.portrait {
	background-image: url(../img/gif/portrait.gif);
	background-repeat: no-repeat;
	width: 110px;
}

.portrait:hover {
	background-image: url(../img/gif/portrait_b.gif);
}

.portraitActive {
	background-image: url(../img/gif/portrait_b.gif);
	background-color: #333333;
}

.info {
	background-image: url(../img/gif/info.gif);
	background-repeat: no-repeat;
	width: 70px;
}

.info:hover {
	background-image: url(../img/gif/info_b.gif);
}

.infoActive {
	background-image: url(../img/gif/info_b.gif);
	background-color: #333333;
}

.contact {
	background-image: url(../img/gif/contact.gif);
	background-repeat: no-repeat;
	width: 100px;
}

.contact:hover {
	background-image: url(../img/gif/contact_b.gif);
}

.contactActive {
	background-image: url(../img/gif/contact_b.gif);
	background-color: #333333;
}

.liens {
	background-image: url(../img/gif/liens.gif);
	background-repeat: no-repeat;
	width: 85px;
}

.liens:hover {
	background-image: url(../img/gif/liens_b.gif);
}

.liensActive {
	background-image: url(../img/gif/liens_b.gif);
	background-color: #333333;
}

.logo {
	padding-left: 30px;
	padding-top: 30px;
	float: left;
}

.teaser {
	height: 240px;
	clear: both;
	padding-left: 230px;
}

.title {
	padding-left: 30px;
}

.greyblock {
	height: 10px;
	background-color: #F0F0F0;
	margin-top: 5px;
	display: block;
}

a {
	text-decoration: underline;
	color: #000000;
}

a:hover {
	text-decoration: none;
}