/*
 
 #99CCCC Clair
 #669999 IntermŽdiaire
 #006666 FoncŽ
 
 */

@font-face {
    font-family: 'campton-thin';
    src: url('../fonts/Rene_Bieder_Campton_Thin.eot');
    src: url('../fonts/Rene_Bieder_Campton_Thin.eot') format('embedded-opentype'),
         url('../fonts/Rene_Bieder_Campton_Thin.woff2') format('woff2'),
         url('../fonts/Rene_Bieder_Campton_Thin.woff') format('woff'),
         url('../fonts/Rene_Bieder_Campton_Thin.ttf') format('truetype'),
         url('../fonts/Rene_Bieder_Campton_Thin.svg#Rene_Bieder_Campton_Thin') format('svg');
}

@font-face {
    font-family: 'campton-light';
    src: url('../fonts/Rene_Bieder_Campton_Light.eot');
    src: url('../fonts/Rene_Bieder_Campton_Light.eot') format('embedded-opentype'),
         url('../fonts/Rene_Bieder_Campton_Light.woff2') format('woff2'),
         url('../fonts/Rene_Bieder_Campton_Light.woff') format('woff'),
         url('../fonts/Rene_Bieder_Campton_Light.ttf') format('truetype'),
         url('../fonts/Rene_Bieder_Campton_Light.svg#Rene_Bieder_Campton_Light') format('svg');
}

body {
background-color:#99CCCC; color:#006666;
font-family:'campton-light';
    padding:0; margin:0; width:100%;
    overflow-x:hidden;
}
    
    .secondary {
        color:#669999;
    }

.pannel {
min-height:100%; position:relative;
box-sizing:border-box; -moz-box-sizing:border-box;
padding:40px;
}
    
    .pannel.dark {
       color:#99CCCC; background-color:#006666; 
    }
    
    .pannel_inner {
        max-width:700px; margin-left:auto; margin-right:auto;
    }
    
    #main_title_container {
position:absolute; height:150px;
        width:700px; left:50%; margin-left:-350px;
     top:50%; margin-top:-75px;
    }
    
    #main_title {
        font-size:50px;
    }
    
    .pannel_title {
        text-align:center; font-size:40px;
    }
    
    .subtitle {
        font-size:30px; margin-top:80px;
    }
    
    .caption {
        font-size:20px; margin-top:20px;
    }
    
    #signature , #mailadress {
        color:#669999;
    }
    
    #signature {
        font-size:30px;
    }
    
    #signature a {
        color:#669999;
    }
    
    #signature a:hover {
        color:#FFFFFF;
    }
    
    .link_name {
        font-size:28px; margin-top:60px;
    }
    
    .link_url {
        color:#669999; font-size:20px; line-height:30px;
    }
    
    .link_url a {
        color:#669999;
    }
    
    .link_url a:hover {
        color:#FFFFFF;
    }
    
    .link_desc {
        margin-top:10px; font-size:18px;
    }

    .spaced {
        margin-top:60px;
}

.pannel_title.spaced {
    margin-top:80px;
}