/**
 * 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 {
}
#contentRight {
}
#contentSite {
}

/* Bannière */
header {
}

/* 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 {
}

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


/* Bas de page */
footer {
}

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,
h2,
h3,
h4 {
}

/* Liens */
a {
}

/* Liens au survol */
a:hover {
}

/* 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 {
}

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

/* Modules News et Blog */

.blogDate {
}

.blogPicture {
}

.blogPicture img {
}

.blogComment {
}

.blogTitle {
 font-family:"Indie Flower";
 background-color:#E0E0E0;
 padding:30px;

}
h2.blogTitle {
 color:#FFFFFF;

}

.blogContent {
}

/*Style des billets de blog*/

.readMoreModernContainer{
 padding:20px;
 margin: 20px 0px;
 background-color:white;
 -webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
 -moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
 box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}


.newsTitle {
 /*background-color:#ddd;*/

}

.newsContent {

}

.newsSignature {
 color: #404040;
}

/* 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);

}



*/

.citation{
 font-family:"lora", "Lora", serif;
 font-size:100%;
}



/*Blocs de contenu*/
div.identite{
 margin-top:-30px;
 padding-top:30px;
 padding-bottom:50px;
-webkit-box-shadow: 21px -23px 37px -31px rgba(0,0,0,0.39);
-moz-box-shadow: 21px -23px 37px -31px rgba(0,0,0,0.39);
box-shadow: 21px -23px 37px -31px rgba(0,0,0,0.39);
}

div.ombre{
 padding:15px;
-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);
}

/*Styles de listes*/
ol{
 counter-reset: li; /* Initialise le compteur */
 list-style: none; /* Supprime la numérotation par défaut */
 *list-style: decimal; /* Restitue la numérotation par défaut pour IE6/7 */
 /*font: 15px 'trebuchet MS', 'lucida sans';*/
 padding: 0;
 margin-bottom: 4em;
 text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

ol ol{
 margin: 0 0 0 2em; /* Ajoute une marge à gauche pour les listes imbriquées */
}

.rounded-list a{
 position: relative;
 display: block;
 padding: .4em .4em .4em 2em;
 *padding: .4em;
 margin: .5em 2em;
 background: #ddd;
 color: #444;
 text-decoration: none;
 border-radius: .3em;
 transition: all .3s ease-out;
}

.rounded-list a:hover{
 background: #eee;
}


.rounded-list a:before{
 content: counter(li);
 counter-increment: li;
 position: absolute;
 left: -1.3em;
 top: 50%;
 margin-top: -1.3em;
 background: #D32929; /*Fond de numérotation*/
 height: 2em;
 width: 2em;
 line-height: 1.2em;
 border: .3em solid #fff;
 text-align: center;
 font-weight: bold;
 color:#fff;
 border-radius: 2em;
 transition: all .3s ease-out;
}

/*Rotation flèche accordeon*/
.arrow{
 color: #000000;
}
/*.arrow:hover{
 writing-mode: vertical-rl;
 transform:rotate(90deg);
}*/

/*Style graphe html*/
.tooltip{
 font-size:10pt;
 background-color:#FFFFCC;
 border:1px solid black;
 padding:2px;
 position:absolute;
 display:none
}