/*-----------------------------------------------------------------------------------*/
@import url("fonts.css");
@charset "UTF-8";
/*-----------------------------------------------------------------------------------*/
/*      Table des matières                                                           
/*-----------------------------------------------------------------------------------

    0. Bibliothèque des fontes
    1.	CSS Reset & Clearfix
	2.	Document Setup
	3.	Header
	4.	Footer
	5.  Accueil
    6. Page Soluces
    7. Page Jeu
    8. Formulaires
    9. Messages à l'utilisateur

/*-----------------------------------------------------------------------------------
/*  0. Bibliothèque des fontes
/*-----------------------------------------------------------------------------------

    gothamNightsNormal
	gothamBoldRegular
	gothamBoldItalic
	gothamBookRegular
	gothamBookItalic
	gothamLightRegular
	gothamLightItalic
	gothamMediumRegular
	gothamMediumItalic
	gothamThinRegular
	gothamThinItalic
	gothamUltraRegular
	gothamUltraItalic
	gothamExtraLightRegular
	gothamExtraLightItalic

----------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/*	1. CSS Reset & Clearfix
/* -------------------------------------------------------------------------------- */
html,
body {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
  text-align: left;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul {
  list-style: none;
}
blockquote:before,
blockquote:after {
  content: "";
}
a {
  outline: none;
}
input[type=search] {
  -moz-appearance: none;
  -webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
/* -------------------------------------------------------------------------------- */
/*	2. Document setup
/* -------------------------------------------------------------------------------- */
body {
  background: url(../images/grey.png) repeat;
  font-family: gothamBookRegular, sans-serif;
}
h1 {
  font-family: gothamMediumRegular, sans-serif;
  font-size: 24px;
}
b {
  font-weight: normal;
  font-family: gothamMediumRegular, sans-serif;
}
.alerte {
  text-align: center;
}
/* -------------------------------------------------------------------------------- */
/*	3. Header
/* -------------------------------------------------------------------------------- */
.header-cover {
  overflow-y: hidden;
  padding: 0;
  height: 416px;
}
.sexion {
  position: relative;
}
.headerp {
  padding: 100px 0;
  background: no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}
#banniere {
  height: 416px;
  background-image: url(../images/header.png);
}
#mueHeader {
  height: 100px;
}
#fondHeader {
  height: 100px;
  width: 100%;
  background: url(../images/simple_dashed.png) repeat;
}
#sticky {
  height: 100px;
  width: 100%;
}
#sticky.stick {
  position: fixed;
  top: 0;
  z-index: 10000;
}
#logo img {
  margin-top: 7.35px;
}
#navigation {
  text-align: center;
  margin-top: 75px;
}
nav ul li {
  display: inline;
  padding: 0px 4px 7px 4px;
}
nav ul li a,
nav ul li a:link {
  color: #fff;
  text-decoration: none;
  font-family: gothamBookRegular, sans-serif;
  font-size: 16px;
}
nav ul li a:visited {
  color: #58a82d;
}
nav ul li a:hover {
  color: #2d78b4;
}
nav ul li a:focus {
  color: #2d78b4;
}
#navigation .current-menu-item a,
#navigation .current-menu-item a:link {
  border-bottom: 1px solid #fff;
}
#navigation .current-menu-item a:visited {
  border-bottom: 1px solid #58a82d;
}
#navigation .current-menu-item a:hover {
  border-bottom: 1px solid #2d78b4;
}
#navigation .current-menu-item a:focus {
  border-bottom: 1px solid #2d78b4;
}
#navigation li ul {
  background: url(../images/simple_dashed.png) repeat;
  display: inline;
  position: absolute;
  /* Position absolue */

  border-radius: 0px 0px 10px 10px;
  padding: 0px 5px 5px 5px;
  width: 144px;
  /* Largeur des sous-listes */

  top: 95px;
  left: -999em;
  /* Hop, on envoie loin du champ de vision */

  line-height: 40px;
  z-index: 5;
}
#navigation li ul li {
  /* pour ie qui ne reconnaît pas "transparent" */

  border-top: 1px solid #fff;
  /* on met une bordure blanche en haut de chaque élément d'une sous-liste */

}
/* IE ne reconnaissant pas le sélecteur ">" */
html > body #navigation li ul li {
  border-top: 1px solid transparent;
  /* on met une bordure transparente en haut de chaque élément */

}
#navigation li:hover ul ul,
#navigation li.sfhover ul ul {
  left: -999em;
  /* On expédie les sous-sous-listes hors du champ de vision */

}
#navigation li:hover ul,
#navigation li li:hover ul,
#navigation li.sfhover ul,
#navigation li li.sfhover ul {
  left: 19em;
  /* Repositionnement normal */

  min-height: 0;
  /* Corrige un bug sous IE */

}
/* -------------------------------------------------------------------------------- */
/*	4. Footer
/* -------------------------------------------------------------------------------- */
footer {
  margin-top: 20px;
  width: 100%;
  background: url(../images/simple_dashed.png) repeat;
  height: 270px;
}
footer h1,
footer p {
  color: #fff;
}
footer h1 {
  margin: 20px 0px 10px 0px;
}
footer p {
  font-size: 16px;
  margin: 15px 0px 10px 0px;
}
footer a,
footer a:link {
  font-size: 18px;
  color: #2d78b4;
  font-family: gothamMediumRegular, sans-serif;
  text-decoration: none;
  margin: 10px 0px 10px 0px;
}
footer a:visited {
  color: #2d78b4;
}
footer a:hover {
  color: #58a82d;
}
footer a:focus {
  color: #58a82d;
}
#textej {
  font-size: 15px;
  margin: 10px 0px 0px 0px;
}
#part1,
#part2,
#part3 {
  display: inline-block;
  background-color: #fff;
  border-radius: 50%;
  height: 151px;
  width: 151px;
  line-height: 151px;
  padding: 5px;
}
#part1:hover,
#part2:hover,
#part3:hover {
  background-color: #2d78b4;
}
#part1 {
  margin: 10px 10px 10px 0px;
}
#part2 {
  margin: 10px 10px 10px 10px;
}
#part1 {
  margin: 10px 0px 10px 10px;
}
#part1 img,
#part2 img,
#part3 img {
  width: 100%;
}
#soc1,
#soc2,
#soc3 {
  display: inline-block;
  border-radius: 50%;
  height: 65.5px;
  width: 65.5px;
}
#soc1 {
  margin: 0px 10px 10px 0px;
}
#soc2 {
  margin: 0px 10px 10px 10px;
}
#soc1 {
  margin: 0px 0px 10px 10px;
}
#soc1 img,
#soc2 img,
#soc3 img {
  width: 100%;
}
/* -------------------------------------------------------------------------------- */
/*	5. Accueil
/* -------------------------------------------------------------------------------- */
.postaccueil {
  border-radius: 10px;
  margin-top: 20px;
  border: none;
  box-shadow: 2px 2px 10px black;
  padding: 10px 0px 10px 0px;
  background: url(../images/simple_dashed.png) repeat;
}
.fondBlanc {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
}
article h1 {
  margin: 10px 0px 10px 0px;
}
article a,
article a:link {
  color: #2d78b4;
  font-family: gothamMediumRegular, sans-serif;
  text-decoration: none;
}
article a:visited {
  color: #2d78b4;
}
article a:hover {
  color: #58a82d;
}
article a:focus {
  color: #2d78b4;
}
article h2 {
  font-family: gothamMediumRegular, sans-serif;
  font-size: 16px;
}
.dateArticle h2,
.edition h2 {
  text-align: right;
}
.descriptionArticle {
  font-family: gothamBookRegular, sans-serif;
  font-size: 16px;
  margin: 10px 0px 10px 0px;
  line-height: 25px;
}
.auteurArticle,
.edition h2 {
  margin: 10px 0px 10px 0px;
}
/* -------------------------------------------------------------------------------- */
/*	6. Page Soluces
/* -------------------------------------------------------------------------------- */
.jeuListe {
  border-radius: 10px;
  margin-top: 20px;
  border: none;
  box-shadow: 2px 2px 10px black;
  padding: 10px 0px 10px 0px;
  background: url(../images/simple_dashed.png) repeat;
}
.fondBlanc {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
}
.jeuListe h1 {
  margin: 10px 0px 10px 10px;
}
.jeuListe a,
.jeuListe a:link {
  color: #2d78b4;
  font-family: gothamMediumRegular, sans-serif;
  text-decoration: none;
}
.jeuListe a:visited {
  color: #2d78b4;
}
.jeuListe a:hover {
  color: #58a82d;
}
.jeuListe a:focus {
  color: #2d78b4;
}
/* -------------------------------------------------------------------------------- */
/*	7. Page Jeu
/* -------------------------------------------------------------------------------- */
.dateArticleJeu h2 {
  text-align: right;
  margin: 18px 0px 10px 0px;
}
.texteArticle {
  font-family: gothamBookRegular, sans-serif;
  font-size: 16px;
  margin: 10px 0px 10px 0px;
  line-height: 25px;
}
.texteArticle p {
  margin: 10px 0px 10px 0px;
}
.titreJeu {
  color: white;
  font-size: 28px;
  margin-bottom: 15px;
}
.soluces {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* -------------------------------------------------------------------------------- */
/*	8. Formulaires
/* -------------------------------------------------------------------------------- */
.fondForm {
  border-radius: 10px;
  margin-top: 20px;
  border: none;
  box-shadow: 2px 2px 10px black;
  padding: 10px 0px 10px 0px;
  background: url(../images/simple_dashed.png) repeat;
}
.fondForm h1 {
  color: white;
}
.texteForm {
  color: white;
  font-family: gothamBookRegular, sans-serif;
  font-size: 20px;
  margin: 10px 0px 5px 0px;
  line-height: 25px;
}
.texteInput {
  color: #333;
  font-size: 16px;
}
#login,
#email,
#password,
#titre,
#description,
#soluce {
  box-shadow: inset 1px 1px 1px black;
  border-radius: 10px;
  width: 100%;
  height: 35px;
  padding: 5px;
}
#description {
  height: 60px;
}
#soluce {
  height: 100px;
}
.boutonEnvoi input {
  font-family: gothamMediumRegular, sans-serif;
  margin: 20px 0px 10px 0px;
  height: 35px;
  border-radius: 10px;
  padding: 5px;
}
.boutonEnvoi input:hover {
  color: #2d78b4;
  box-shadow: 6px 6px 6px black;
}
.boutonEnvoi input:focus {
  color: #2d78b4;
}
/* -------------------------------------------------------------------------------- */
/*	9. Messages à l'utilisateur
/* -------------------------------------------------------------------------------- */
#merciInscrit {
  font-size: 14px;
}

/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */