/*
Page footer reutilisé tout le temps lors des pages du site
*/

/*
le footer
*/
#pied_de_page
{
     position: relative;
     float: left;
     width: 100%;
     height: 204px;
     background: #444;
     border-top: 2px solid #222222;
     min-width: 280px;
}

/*
div du pied de page
*/
.pied_de_page
{

     /*! float: left; */
     height: 204px;
     margin: 0px auto;
}

/*
div de la partie information du pied de page
*/
#information
{

     float: left;
     width: 100%;
     height: 170px;
}

/*
titre de la partie information du pied de page
*/
.titre_information
{

     float: left;
     padding: 0;
     margin: 0;
     list-style: none;
     display: block;
     position: relative;
     width: 100%;
     height: 170px;
}

.titre_information > li
{

     display: block;
     float: left;
     position: relative;
     width: 100%;
     height: 100%;
}

.titre_information > li:nth-child(3n+1),
.titre_information >li:nth-child(3n +3),
.titre_information > li:nth-child(3n +4)
{
     display:none;
}


/*
div du lien du titre de la partie information du pied de page
*/
.liens_titres_information
{

     float: left;
     width: 100%;
     height: 30px;
     text-align: center;
     margin: 20px 0 0 0;
}

/*
lien du titre de la partie information du pied de page
*/
.lien_titre_information
{

     /*! float: left; */
     font-size: 0.9em;
     /*! padding-left: 20px; */
     /*! margin-left: 40px; */
     /*! margin-top: 20px; */
     color:#aaa;
     text-decoration: none;
}

.lien_titre_information:hover
{
     text-decoration: underline;
     color:#ffffff;
}

/*
div du paragraphe de la partie information du pied de page
*/
.paragraphes_informations
{

     float: left;
     width: 100%;
     height: 120px;
}

/*
paragraphe de la partie information du pied de page
*/
.paragraphe_information
{

     list-style: none;
     padding: 0;
     /*! margin-left: 20px; */
     /*! margin-top: 20px; */
     font-size: 0.78em;
     float: left;
     width: 80%;
     height: 100%;
     margin: 0 10%;
}

.paragraphe_information > li
{
     text-align: center;
     color:#aaa;
}

.lien_paragraphe_information
{

     color: #aaa;
     text-decoration: none;
}

.lien_paragraphe_information:hover
{
     text-decoration: underline;
     color:#ffffff;
}

.images_paragraphe_information
{
     height:80px;
}

/*
div de la partie copyright du pied de page
*/
#copyright
{

     float: left;
     width: 100%;
     height: 34px;
}

/*
span de la partie copyright du pied de page
*/
.copyright
{

     text-align: center;
     width: 100%;
     float: left;
     font-size: 0.6em;
     color: #aaa;
     /*! height: 30px; */
     /*! margin: 4px 0 0px 0; */
}

/*
lien du notice de la partie copyright du pied de page
*/
.lien_notice
{

     text-decoration: none;
     color: #aaa;
}

.lien_notice:hover
{
     text-decoration: underline;
     color:#ffffff;
}


@media (min-width:600px) {



     .titre_information > li
     {

          display: block;
          float: left;
          position: relative;
          width: 50%;
          height: 100%;
     }


     .titre_information >li:nth-child(3n +3)
     {
          display:inherit;
     }

}


@media (min-width:1000px) {

     .titre_information > li
     {

          display: block;
          float: left;
          position: relative;
          width: 25%;
          height: 100%;
     }


     .titre_information >li:nth-child(3n +1),
     .titre_information >li:nth-child(3n +4)
     {
          display:inherit;
     }
}