/**
 * Voici une feuille de style type, bien entendu vous pouvez ajouter
 * ou supprimer des propriétés CSS en fonction de vos besoins.
 */

/**
 * Éléments principaux
 */


/*
* Grille du site
* Barres et page
*/
#contentLeft {
  line-height: 20px;
}
#contentRight {
  line-height: 20px;
}
#contentSite {
  line-height: 20px;
}

/* Bannière */
header {
  margin-top: -15px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -18px;
}

/* Titre de la bannière */
header span {
}

/* Menu */
nav {
}

/* Items du menu */
nav a {
}

/* Items au survol du menu */
nav a:hover {
}

/* Item courant du menu */
nav a.active {
  margin-top: 2px;
}

/* Menu latéral */
/* aspect des puces */
ul #menuSide  {
}
/* Block menu à droite */
#menuSideRight {
}
/* Block menu à gauche */
#menuSideLeft {
}


/* Bas de page */
footer a {
  color: #505050;
}

footer #footersite, #footerbody {
}

/* Liens du bas de page */
footer #footersite, #footerbody a {
}

/* footer bloc gauche */
footer #footersiteLeft, #footerbodyLeft  {
}

/* footer bloc central */
footer #footersiteCenter, #footerbodyCenter {
}

/* footer bloc droite */
footer #footersiteRight, #footerbodyRight {
}



/**
 * Éléments de contenu
 */

/* Titres */
h1 {
  font-family: Yanone Kaffeesatz;
  font-size: 40px;
  color: #FF0000;
}

h2 {
  font-family: Yanone Kaffeesatz;
  font-weight: bold;
  font-size: 30px;
  color: #FFFF00;
  text-shadow: 2px 2px 6px #444444;
  -webkit-text-stroke: 0px #444444;
  margin-top: -5px;
}

h3 {
  font-family: Yanone Kaffeesatz;
  font-size: 30px;
  color: #D00000;  
}


h4 {
  font-family: Yanone Kaffeesatz;
  font-size: 25px;
  color: #D00000;  
}

h5 {
  font-size: 30px;
  font-weight: bold;
  color: #5151FF;
}

h6 {
  font-family: Open Sans;
  font-size:small;
  color: #444444;
  margin-top: 5px;
  margin-bottom: 5px;
}

h7 {
  font-family: Yanone Kaffeesatz;
  font-size: 38px;
  color: #444444;
}

/* Liens */
a {
}

/* Liens au survol */
a:hover {
  color: #FF0000;
}

/* Liens au clic */
a:active {
}

/* Boutons */
.button,
button[type='submit'],
.pagination a {
}

/* Boutons au survol */
.button:hover,
button[type='submit']:hover,
.pagination a:hover {
}

/* Boutons au clic */
.button:active,
button[type='submit']:active,
.pagination a:active {
}

/* Cases à cocher */
input[type='checkbox']:checked + label:before {
}

/* Cases à cocher au survol */
input[type='checkbox']:not(:active):checked:hover + label:before,
input[type='checkbox']:active + label:before {
}

/* Champs de formulaire */
input[type='text'],
input[type='password'],
.inputFile,
select,
textarea {
  border: 1px solid #808080;
}

/* Champs de formulaire au survol */
input[type='text']:hover,
input[type='password']:hover,
.inputFile:hover,
select:hover,
textarea:hover {
}

/* Modules News et Blog */

.blogDate {
  visibility: hidden;
  margin-bottom: -30px;
}

.blogPicture {
}

.blogPicture img {
  max-width: 140px;
  margin-top: -10px;
  margin-left: 30px;  
  border: 1px dashed #000000;
  padding: 0px;
  box-shadow: none;
}

.blogComment {
  margin-top: -30px;
  visibility: hidden;
}

.blogTitle {
	font-size: 38px;
}

.blogContent {
}

.newsTitle {
}

.newsContent {
}

.newsSignature {
	visibility: hidden;
}

.zoom {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.zoom:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.rotate-right {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
} 
.rotate-right:hover {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.rotate-left {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rotate-left:hover {
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.rotate {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
} 
.rotate:hover {
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}

.opacity {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.opacity:hover {
	opacity: .5;
}

.shake:hover {
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/* Consentement aux cookies */

/*

#cookieConsent {

  width: 80%;

  color: #FFF;

  background: #212223;

  opacity: 0.9;

}

#cookieConsent a{

  color : yellow;

}

#cookieConsent h3{

  color : red;

}

#cookieConsentConfirm {

  background: rgba(0,0,255,1);

  color: rgba(255,255,255,1);

}

#cookieConsentConfirm:hover {

  background: rgba(0,50,255,1);

  color: rgba(255,255,255,1);

}

*/