body {
    background: #E2E4E7;
    padding: 0;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}


td {
    border: solid 1px #666;
    padding: 2px;
    font-size: 14px;
    color: #eee;
}

.btn_inscription {
    border: 3px solid #FFF;
    padding: 5px;
    padding-top: 7px;
    margin: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #333 5px 4px 6px;
    -moz-box-shadow: #333 5px 4px 6px;
    box-shadow: #333 5px 4px 6px;
    color: white;
    font-size: 18px;
    text-decoration: none;
    vertical-align: middle;
}

.btn_inscription:hover {
    background: #193d24;
    text-decoration: none;
}

    
    a {
      text-decoration: none;
    }


.menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 40px;
    z-index: 7000;
    width: 100%;
    padding: 0;
    padding-top: 6px;
    margin: 0;
    height: 42px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: rgba(23, 27, 108, 0.25);
    font-size: 18px;
    color: #000;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
    .menu:hover {
      color: black;
      background: rgba(255, 255, 255, 0.5);
    }

        .menu .item {
            color: #E2E4E7;
            margin-left: 5px;
            margin-right: 5px;
        }

    
    .pointer {
      color: #9b59b6;
      font-size: 30px;
      margin-top: 15px;
    }

   
    
    
    header {
      height: 70px;
      margin-bottom: 10px;
      text-align: left;
      border-bottom: solid 1px #eee;

    }
        header .logo {
            position: absolute;
            left: 0; top: 0;
        }
        header .title {
            position: absolute;
            left: 70px;
            top: 0px;
            font-size: 32px;
            color: #CCC;
            


        }
        header .subtitle {
            position: absolute;
            color: #ccc;
            left: 70px;
            top: 35px;
            font-size: 20px;
        }


.main .section {
    padding-top: 70px;
    z-index: 1000;
}

        .main .section .titletopic {
            text-align: left;
            font-size: 24px;
            font-weight: bold;

            color: #E2E4E7;
        }

        .main .section .topic {
            text-align: left;
            font-size: 14px;


            color: #fff3c5;
            padding-left: 10px;
            margin-left: 10px;
            border-left: solid 1px #CCC;
        }
    

    
    .main .section.page1 {
      background: #000;
    }

        .main .section.page1 .title {
            position: absolute;
            left: 100px;
            top: 100px;
            z-index: 5000;
        }





    .main .section .center {
        margin-left: auto;
        margin-right: auto;
        margin-top: -20px;
        text-align: center;
        width: 800px;
    }
    
    .main .section.page1 h1 {
      text-align: left;
      padding: 0;
      margin-bottom: 15px;
      font-size: 70px;
      color: white;
    }
    .main .section.page1 h2 {
      color: rgba(0,0,0,0.85);
      text-align: center;
      width: 435px;
      line-height: 160%;
    }


        .main .section.page2 {
            background: #315377; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #315377 1%, #0e0e0e 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#315377), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(-45deg, #315377 1%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(-45deg, #315377 1%,#0e0e0e 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(-45deg, #315377 1%,#0e0e0e 100%); /* IE10+ */
            background: linear-gradient(135deg, #315377 1%,#0e0e0e 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#315377', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        }

        .main .section.page3 {
            background: #445b26; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #445b26 2%, #193d24 48%, #445b26 100%, #0e0e0e 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right bottom, color-stop(2%,#445b26), color-stop(48%,#193d24), color-stop(100%,#445b26), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(-45deg, #445b26 2%,#193d24 48%,#445b26 100%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(-45deg, #445b26 2%,#193d24 48%,#445b26 100%,#0e0e0e 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(-45deg, #445b26 2%,#193d24 48%,#445b26 100%,#0e0e0e 100%); /* IE10+ */
            background: linear-gradient(135deg, #445b26 2%,#193d24 48%,#445b26 100%,#0e0e0e 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#445b26', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        }

        .main .section.page4 {
            background: #5b2626; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #5b2626 4%, #0f0606 48%, #5b2626 100%, #445b26 100%, #0e0e0e 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right bottom, color-stop(4%,#5b2626), color-stop(48%,#0f0606), color-stop(100%,#5b2626), color-stop(100%,#445b26), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(-45deg, #5b2626 4%,#0f0606 48%,#5b2626 100%,#445b26 100%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(-45deg, #5b2626 4%,#0f0606 48%,#5b2626 100%,#445b26 100%,#0e0e0e 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(-45deg, #5b2626 4%,#0f0606 48%,#5b2626 100%,#445b26 100%,#0e0e0e 100%); /* IE10+ */
            background: linear-gradient(135deg, #5b2626 4%,#0f0606 48%,#5b2626 100%,#445b26 100%,#0e0e0e 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b2626', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        }

        .main .section.page5 {
            background: #7d7e7d; /* Old browsers */
            background: -moz-linear-gradient(-45deg, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(-45deg, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(-45deg, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(-45deg, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
            background: linear-gradient(135deg, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        }


    .main .section.page3 h1 {
      text-align: left;
      padding: 0;
      margin-bottom: 0;
      font-size: 70px;
      letter-spacing: -1px;
      color: black;
    }
    .main .section.page3 h2 {
      color: rgba(0,0,0,0.85);
      text-align: left;
      line-height: 160%;
      font-weight: 100;
      font-size: 21px;
    }