html {
	height: 101%;
	background: #fff; /* version standardisée */
}

body {
    font-family: "Liberation", Arial;
	padding : 0;
	margin : 0;
}

@font-face {
	font-family: "Liberation";
	src: url('../font/LiberationSans-Regular.ttf');
}

@font-face {
	font-family: "LiberationBolt";
	src: url('../font/LiberationSans-Bold.ttf');
}


.clr {
	clear : both;
}

li {
	list-style : none;
}

a {
	text-decoration: none;
	color: #747474;
	font-size: 0.9em;
}

a:hover{
	color: #000;
}

a:active{
	color: #000;
}

p {

}

* {
	margin : 0;
	padding : 0;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	
}

/********************* header ********************/

#header {
	width: 200px;
	float: left;
	background: #fff;
}

#entete {
	padding-top: 20px;
	padding-bottom: 30px;
	float: left;
	font-family: "Liberation";
}

#menu-1 {
	float: left;
	font-family: "Liberation";
}

#menu-1 ul.nav {
	padding-bottom: 20px;
	
}

/*#menu-1 ul li.parent{
	font-family: "LiberationBolt";
}*/
#menu-1 ul li.parent a{
	color: #000;
}

#menu-1 ul.nav ul{
	padding-left: 15px;
	font-family: "Liberation";
}

#menu-1 ul.nav ul a{
	color: #747474;
}
#menu-1 ul.nav ul a:hover{
	color: #000;
}
/****************************************************/
#slideshow img {
  position:absolute;
  margin-left: 50px;
  	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;

}

#slideshow img.top {
 -webkit-animation-name : transparence;
 -webkit-animation-duration: 30s;
 -webkit-animation-iteration-count: infinite;
 -moz-animation-name : transparence;
 -moz-animation-duration: 30s;
 -moz-animation-iteration-count: infinite;
 animation-name : transparence;
 animation-duration: 30s;
 animation-iteration-count: infinite;
}

#slideshow img.middle {
 -webkit-animation-name : transparencemiddle;
 -webkit-animation-duration: 30s;
 -webkit-animation-iteration-count: infinite;
 -moz-animation-name : transparencemiddle;
 -moz-animation-duration: 30s;
 -moz-animation-iteration-count: infinite;
 animation-name : transparencemiddle;
 animation-duration: 30s;
 animation-iteration-count: infinite;
}

@-webkit-keyframes transparence {
	0%	{
		opacity: 1;
	}
	17%	{
		opacity: 1;
	}
	33%{
		opacity: 0;
	}
	50%{
		opacity: 0;
	}
	66%{
		opacity: 0;
	}
	83%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}	
@-moz-keyframes transparence {
	0%	{
		opacity: 1;
	}
	17%	{
		opacity: 1;
	}
	33%{
		opacity: 0;
	}
	50%{
		opacity: 0;
	}
	66%{
		opacity: 0;
	}
	83%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}	

@keyframes 'transparence' {
	0%	{
		opacity: 1;
	}
	17%	{
		opacity: 1;
	}
	33%{
		opacity: 0;
	}
	50%{
		opacity: 0;
	}
	66%{
		opacity: 0;
	}
	83%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

/**************/
@-webkit-keyframes transparencemiddle {
	0%	{
		opacity: 1;
	}
	17%	{
		opacity: 1;
	}
	33%{
		opacity: 1;
	}
	50%{
		opacity: 1;
	}
	66%{
		opacity: 0;
	}
	83%{
		opacity: 0;
	}
	100%{
		opacity: 0;
	}
}

@-moz-keyframes transparencemiddle {
	0%	{
		opacity: 1;
	}
	17%	{
		opacity: 1;
	}
	33%{
		opacity: 1;
	}
	50%{
		opacity: 1;
	}
	66%{
		opacity: 0;
	}
	83%{
		opacity: 0;
	}
	100%{
		opacity: 0;
	}
}


@keyframes 'transparencemiddle' {
	0%	{
		opacity: 1;
	}
	17%	{
		opacity: 1;
	}
	33%{
		opacity: 1;
	}
	50%{
		opacity: 1;
	}
	66%{
		opacity: 0;
	}
	83%{
		opacity: 0;
	}
	100%{
		opacity: 0;
	}
}

/******************** fin animation Slideshow  *************************/

/*********************** corps **********************/

#conteneur {
	width: 800px;
	float: left;
    font-size: 0.9em;
}


#centre.normal{
	float: left;
	width: 590px;
}


#centre.large {
	float: left;
	width: 780px;
}

#centre.large h2{
	padding: 10px 0 10px 10px;
	font-family: "Liberation";
	font-size: 1.3em;
	color: #000;
}


#centre div.interne {
	padding: 10px;
}


#gauche {
	width: 200px;
	float: left;
}

#footer {
	padding: 10px;
	text-align: center;
}

/********************* modules bas ***********************/

div.entier {
	width: 100%;
}

div.moitie {
	width: 50%;
}

div.tiers {
	width: 33%;
}

div.modules_bas {
	float: left;
	font-size: 0.8em;
}

div.modules_bas div.interne {
	padding: 30px 20px 50px 20px;
}

div.modules_bas .moduletable_menu li a {
	padding-left: 40px;
	font-family: "Liberation";
	color: #000;
	text-decoration: none;
}

div.modules_bas .moduletable_menu li a:hover {
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 1px #000;
}

div.modules_bas .moduletable_menu h3{
	padding-bottom: 10px;
	font-family: "Liberation";
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 2px #000;
	text-align: center;
}

div.modules_bas div.interne {
	padding: 30px 20px 50px 20px;
}

div.modules_bas .moduletable li a {
	padding-left: 40px;
	font-family: "Liberation";
	color: #000;
	text-decoration: none;
	/*text-shadow: 0 1px 2px #000;*/
}

div.modules_bas .moduletable li a:hover {
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 1px #000;
}

div.modules_bas .moduletable h3{
	padding-bottom: 10px;
	font-family: "Liberation";
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 2px #000;
	text-align: center;
}

div.modules_bas .moduletable{
   
}



/********************* modules bas ***********************/


#footer {
	font-family: "Liberation";
	font-size: 0.6em;
	color: #E5E5E5;
	text-shadow: 0 1px 2px #000;
}