/*******************************************************************************************************************************/
/* DEBUT DU FICHIER                                                                                                            */
/*******************************************************************************************************************************/

/*******************************************************************************************************************************/
/* Nom         : index.css                                                                                                     */
/* Auteur      : Nicolas Dagnas                                                                                                */
/* Description : Implémentation des styles                                                                                     */
/* Créé le     : 09/08/2025                                                                                                    */
/* Modifié le  : 28/11/2025                                                                                                    */
/*******************************************************************************************************************************/

/*******************************************************************************************************************************/
/*   ###                                                                                                                       */
/*  #   #                                                                                                                      */
/*  #####                                                                                                                      */
/*  #   #                                                                                                                      */
/*  #   #                                                                                                                      */
/*******************************************************************************************************************************/
a         { color: #FBCE8B                             }
a:link    { color: #FBCE8B; text-decoration: none      }
a:active  { color: #FBCE8B; text-decoration: none      }
a:visited { color: #FBCE8B; text-decoration: none      }
a:hover   { color: #FBCE8B; text-decoration: underline }
/*******************************************************************************************************************************/

/*******************************************************************************************************************************/
/*  #   #  #####  #   #  #                                                                                                     */
/*  #   #    #    ## ##  #                                                                                                     */
/*  #####    #    # # #  #                                                                                                     */
/*  #   #    #    #   #  #                                                                                                     */
/*  #   #    #    #   #  #####                                                                                                 */
/*******************************************************************************************************************************/
html { font-size: 62.5%; }
/*******************************************************************************************************************************/

/*******************************************************************************************************************************/
/*  ####    ###   ####   #   #                                                                                                 */
/*  #   #  #   #  #   #   # #                                                                                                  */
/*  ####   #   #  #   #    #                                                                                                   */
/*  #   #  #   #  #   #    #                                                                                                   */
/*  ####    ###   ####     #                                                                                                   */
/*******************************************************************************************************************************/
body
 {
 color           : #FBCE8B                     ;
 width           : 100%                        ;
 margin          : 0                           ;
 display         : block                       ;
 font-family     : Arial, Helvetica, sans-serif;
 text-shadow     : 1px 1px 0 #7F6847           ;
 background-color: #4073C6                     ;
 }
body.ie      { -ms-text-size-adjust    : none }
body.webkit  { -webkit-text-size-adjust: none }
body.mozilla { -moz-text-size-adjust   : none }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.body { padding: 16px 10px }
/*******************************************************************************************************************************/

/*******************************************************************************************************************************/
/*  #####  #  #####  #      #####                                                                                              */
/*    #    #    #    #      #                                                                                                  */
/*    #    #    #    #      ###                                                                                                */
/*    #    #    #    #      #                                                                                                  */
/*    #    #    #    #####  #####                                                                                              */
/*******************************************************************************************************************************/
div.title { text-align : center }
/*******************************************************************************************************************************/

/*******************************************************************************************************************************/
/*   ####  #   #  ####        #####  #  #####  #      #####                                                                    */
/*  #      #   #  #   #         #    #    #    #      #                                                                        */
/*   ###   #   #  ####   ###    #    #    #    #      ###                                                                      */
/*      #  #   #  #   #         #    #    #    #      #                                                                        */
/*  ####    ###   ####          #    #    #    #####  #####                                                                    */
/*******************************************************************************************************************************/
div.subtitle { text-align : center }
/*******************************************************************************************************************************/

/*******************************************************************************************************************************/
/*   ###    ###   #   #  #####  #####  #   #  #####                                                                            */
/*  #   #  #   #  ##  #    #    #      ##  #    #                                                                              */
/*  #      #   #  # # #    #    ###    # # #    #                                                                              */
/*  #   #  #   #  #  ##    #    #      #  ##    #                                                                              */
/*   ###    ###   #   #    #    #####  #   #    #                                                                              */
/*******************************************************************************************************************************/
div.center-content { text-align : center; max-width: 800px; margin-left: auto; margin-right: auto }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.center-content h1 { text-decoration: underline; font-size: 24px; line-height: 32px }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.center-content h2 { text-align: justify }
/*******************************************************************************************************************************/
div.center-left { text-align : left; max-width: 800px; margin-left: auto; margin-right: auto; font-size: 16px }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.center-left h1 { text-decoration: underline; font-size: 18px; line-height: 46px }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.center-left h2 { text-decoration: underline; line-height: 46px }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.center-left p { text-align: justify; margin-left: 8px }
/*******************************************************************************************************************************/

/*******************************************************************************************************************************/
/*  #      #  #   #  #   #                                                                                                     */
/*  #      #  ##  #  #  #                                                                                                      */
/*  #      #  # # #  ###                                                                                                       */
/*  #      #  #  ##  #  #                                                                                                      */
/*  #####  #  #   #  #   #                                                                                                     */
/*******************************************************************************************************************************/
div.link { text-align : center; max-width: 600px; margin-left: auto; margin-right: auto }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.link h1 { text-decoration: underline; font-size: 24px; line-height: 32px }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.link h2 { text-align : center }
/*******************************************************************************************************************************/

/*******************************************************************************************************************************/
/*  #####   ###    ###   #####  #####  ####                                                                                    */
/*  #      #   #  #   #    #    #      #   #                                                                                   */
/*  ###    #   #  #   #    #    ###    ####                                                                                    */
/*  #      #   #  #   #    #    #      #   #                                                                                   */
/*  #       ###    ###     #    #####  #   #                                                                                   */
/*******************************************************************************************************************************/
div.footer
 {
 width           : 100%                        ;
 bottom          : 0                           ;
 height          : 28px                        ;
 padding         : 0 2px 0 0                   ;
 font-size       : 14px                        ;
 border-top      : 1px solid #b7b7b7           ;
 text-align      : center                      ;
 line-height     : 26px                        ;
 font-family     : arial, helvetica, sans-serif;
 background-color: #274677                     ;
 }
/*******************************************************************************************************************************/

/*******************************************************************************************************************************/
/* Fin du fichier                                                                                                              */
/*******************************************************************************************************************************/