body {
  background-color: #fff;
  color: #000;
  font-size: 12px;
  height: auto;
  -webkit-text-size-adjust: 100%;
}

a {
  color: #222;
  text-decoration: none;
  text-shadow: 0 0 0 transparent;
  transition: text-shadow 0.2s;
  -webkit-transition: text-shadow 0.2s;
}

a:hover {
  text-shadow: 0 0 3px #333;
}

.entete a {
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 0 transparent;
  transition: text-shadow 0.2s;
  -webkit-transition: text-shadow 0.2s;
}

.entete a:hover {
  text-shadow: 0 0 3px #fff;
}

.pied a {
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 1px;
  border-bottom: 1px solid #fff;
  text-shadow: 0 0 0 transparent;
  transition: text-shadow 0.2s;
  -webkit-transition: text-shadow 0.2s;
}

.pied a:hover {
  text-shadow: 0 0 5px #fff;
}

h1 {
  color: #fff;
  padding: 0px 0 10px 0;
  margin: 60px 0 60px 0;
}

h1.entete {
  border-bottom: 1px solid #eee;
}

h2 {
  color: #333;
  padding: 0 0 0 0;
  margin: 100px 0 0 0;
}

p {
/*   overflow: hidden; */
  padding: 0;
  margin: 0;
  text-align: left;
}

p.description {
}

p .titre-description {
  text-transform: uppercase;
  padding-bottom: 1px;
  border-bottom: 1px solid #61c290;
}

p.pied {
  color: #fff;
}

p .titre-pied {
  text-transform: uppercase;
  color: #fff;
  padding-bottom: 1px;
  border-bottom: 1px solid #61c290;
}

p .mentions {
  color: #666666;
}

.url {
  padding-bottom: 1px;
  border-bottom: 1px solid #666666;
}

.container_12,
.container_16,
.container_24 {
  background-repeat: repeat-y;
}

.container_16 {
/*   background-image: url(../img/16_col.gif); */
}

img {
}

#bandeau-entete {
  background-color: #69d29c;
  width: 100%;
}

#bandeau-pied {
  background-color: #333;
  width: 100%;
  padding: 30px 0 120px 0;
  margin: 100px 0 0 0;
}

.soulignement {
  height: 1px;
  background-color: #666666;
  margin: 10px 0 40px 0;
}

.notes-titres {
  color: #61c290;
}


/*
################################
Styles Diaporama
################################
*/

.diaporama {
	height: auto;
    padding: 0;
    margin:  0 auto;
} 

.diaporama img {
    background-color: #fff;
    height: auto;
    top:  0;
    left: 0;
}

.diaporama:hover {
	cursor: pointer;
	cursor:	url(../img/curseur-diapo.png) 7 11, pointer;
}

/*
.contour-diapo {
	border: 1px solid #eeeeee;
}
*/

/*
################################
Styles Diaporama Nav
################################
*/

.diapo-nav {
	margin-top: 5px;
	font-size: 30px;
	line-height: normal;
	letter-spacing: 6px;
	text-align: center;
}

.diapo-nav a.points {
	color: #ddd;
	transition: color 0.2s;
	-webkit-transition: color 0.2s;
}



a.points.activeSlide {
	color: #69d29c;
}

a.points:hover {
	color: #333;
	text-shadow: none;
}

/*
################################
Styles Diaporama Entete
################################
*/

h1.entete #competences {
	width: 100% !important;
}