/*
#1AD2D2 bleu
#FDFDFD gris/blanc
#FF6699 rose
#3A3A3A gris/noir
#A8F571 vert
*/

@font-face {
	font-family: 'CoolveticaRegular';
	src: url('font/coolvetica_rg-webfont.eot');
	src: local('☺'), url('font/coolvetica_rg-webfont.woff') format('woff'), url('font/coolvetica_rg-webfont.ttf') format('truetype'), url('font/coolvetica_rg-webfont.svg#webfontPP442p52') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
  position: absolute;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-family: "helvetica", "arial", sans-serif;
  font-size: .8em;
  color: #3A3A3A;
  background: #FDFDFD;
}

::selection {
  background: #1AD2D2;
  color: #3A3A3A; 
}

::-moz-selection {
background: #1AD2D2;
color: #3A3A3A; 
}


header, section, footer {
  display: block;
  position: absolute;
}

a {
  text-transform: lowercase;
  font-size: 1.2em;
}

a, h1, h2, header, b, label {
  font-family: 'CoolveticaRegular', 'helvetica', 'arial', sans-serif;
  font-weight: normal;
}

input, textarea {
  display: block;
  border: 1px solid #DADADA;
  color: #6A6A6A;
  font-family: "arial";
  font-size: 1em;
  margin: 0 0 10px 0;
}

input {
  height: 20px;
  width: 100px;
}

textarea {
  width: 75%;
  height: 150px;
}

/* HEADER --------------------------------------------------------------------*/
header {
  position: fixed;
  width: 100%;
  height: 50px;
  top: 0;
  margin: 0;
  padding: 0;
  background: #1AD2D2;
  z-index: 100;
}

header h1 {
  font-size: 3.2em;
  text-align: left;
  margin: -2px 25px 0 25px;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-shadow: 0px 0px 10px #FFFFFF;
}

header p {
  float: left;
  display: block;
  width: auto;
  height: 50px;
  text-align: right;
  margin: 90px 0 0 -60px;
  -moz-transform:rotate(-90deg); 
	-webkit-transform:rotate(-90deg); 
	-o-transform:rotate(-90deg);
}

header p a {
  text-decoration: none;
  color: #1AD2D2;
  display: block;
  margin: 0 0 2px 0;
}

/* NAV -----------------------------------------------------------------------*/
nav {
  float: right;
  width: auto;
  height: 50px;
  margin: -30px 0 0 0;
  z-index: 110;
}

nav a {
  font-size: 1em;
  display: inline-block;
  width: 50px;
  height: 30px;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
}

nav a:hover {
  text-shadow: 0px 0px 10px #FFFFFF;
  border-bottom: 5px solid #FFFFFF;
}

/* SECTION -------------------------------------------------------------------*/
section {
  width: 70%;
  min-height: 300px;
  margin: 90px 15% 50px 15%;
  padding: 0px 15px 30px 15px;
  text-align: justify;
  line-height: 1.5em;
  z-index: 10;
}

section h1 {
  color: #1AD2D2;
  margin: 0;
  padding: 0;
  font-size: 2.5em;
  text-transform: lowercase; 
}

section h2 {
  margin: 0;
  padding: 0;
  font-size: 1.8em;
  text-transform: lowercase; 
}

section a {
  color: #FF6699;
  text-decoration: none;
}

section a:hover {
  color: #1AD2D2;
}

section label {
  font-size: 1.2em;
  padding: 0;
  margin: 0;
}

section ul, section ol {
  margin: 0 50px 10px 50px;
  padding: 0;
}

section ul ul li {
  border-bottom: none;
}

section ul li {
  margin: 0;
  padding: 0 0 0 5px;
  list-style: none;
}

section ol li {
  margin: 0;
  padding: 0 0 0 5px;
  list-style: decimal;
}

section li {
  border-bottom: 1px solid #FF6699;
}

section li a {
  color: #3A3A3A;
}

section li a:hover {
  color: #FF6699;
}

section b {
  display: inline-block;
  color: #1AD2D2;
}

section blockquote {
  letter-spacing: -1px;
  background: #E4E4E4;
  margin: 10px 50px;
  padding: 10px 20px;
}

section table {
  width: 80%;
  margin: 0 auto;
}

section table a {
  font-family: "helvetica", "arial", sans-serif;
  font-size: 1em;
}

section td {
  line-height: 1em;
  padding: 2px 5px 2px 5px;
}

section tr:nth-of-type(2n) {
  background: #E4E4E4;
}

/* ARTICLE -------------------------------------------------------------------*/
article {
  display: block;
}

article.last {
  float: left;
  width: 49%;
  min-height: 500px;
  padding: 0;
  margin: 0 1% 0 0;
  line-height: 1.2em;
}

article.last h1 {
  font-size: 1.5em;
  background: #1AD2D2;
  color: #FFFFFF;
  padding: 0 0 0 5px;
  line-height: 1.3em;
}

article.last ul {
  margin: 0 0 15px 0;
  padding: 0;
}

article.last li {
  padding: 0 5px 5px 5px;
  border: none;
  font-size: .85em;
}

article.last li:nth-of-type(2n) {
  background: #E4E4E4;
}

article.last a {
  display: inline-block;
  float: right;
  padding: 0;
  margin: 0;
  color: #3A3A3A;
}

article.last b {
  font-size: 1.2em;
}

article.edito {
  width: 49%;
  margin: 0 0 0 51%;
}

article.edito p.starter:first-child {
  line-height: 1.6em;
  padding: 0;
  margin: 0px 0 20px 0;
  font-size: 1.4em;
  height: auto;
}

article.edito p.starter {
  line-height: 1.4em;
  margin: 0 0 20px 0;
  font-size: 1.2em;
}

/* FOOTER --------------------------------------------------------------------*/
footer {
  width: 100%;
  margin: 25px auto 0 auto;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 10px;
  color: #666666;
  z-index: 60;
}

footer a {
  display: block;
  width: 25px;
  height: auto;
  color: #1AD2D2;
  text-decoration: none;
  font-size: 1.2em;
}

footer a.left {
  float: left;
  padding: 0 0 0 10px;
  text-align: left;
}

footer a.right {
  float: right;
  padding: 0 10px 0 0;
  text-align: right;
}

/* DIV#LAYOUT ----------------------------------------------------------------*/
#layout {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 16px;
  height: 55px;
}

#layout a {
  display: block;
  margin: 0;
}

/* CLASS -----(ne pas effacer - si elles sont là, c'est qu'elles servent)-----*/
.block {
  display: block;
}

.captcha {
  width: 64px;
  height: 18px;
  color: #DADADA;
  background: url('../antibot.png') no-repeat center left;
  padding: 0 0 0 36px;
}

.datechap {
  text-align: right;
  font-size: .9em;
}

.fixw {
  width: 50px;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.left {
  text-align: left;
}

.ltlc { /* lire tous les commentaires */
  display: block;
  text-align: right;
  padding: 0 50px 0 0;
}

.right {
  text-align: right;
}

.warp {
  display: block;
  margin: 15px 0 0 0;
}

/* ADMIN ---------------------------------------------------------------------*/
table {
  width: 100%;
  font-size: 1em;
  border: none;
}

td {
  vertical-align: top;
  padding: 0 0 5px 0;
}

th {
  border-bottom: 1px solid #DADADA;
  text-align: left;
}


img, img a {
  border: none;
}

#menu {
  display: block;
  width: 100px;
  float: left;
  margin: 50px 0 0 10px;
  text-align: left;
  font-size: 10px;
}

#menu h2 {
  margin: 5px 0 0 0;
}

#menu a {
  display: block;
  text-decoration: none;
  color: #1AD2D2;
  font-family: "helvetica", sans-serif;
}

#menu a:hover {
  text-decoration: underline;
}

input.ok {
  display: inline-block;
  width: 100px;
  height: 20px;
  margin: 10px 0 0 0;
  background: url('../admin/popup/lu.png') no-repeat center center;
}

a.supp {
  display: block;
  float: right;
  width: 100px;
  height: 20px;
  margin: 10px 50% 0 0;
  border: 1px solid #DADADA;
  background: url('../admin/popup/supprimer.png') no-repeat center center;
}

#popup {
  margin: 5px 15px;
}

#popup input {
  display: inline;
  width: auto;
}